/* Page-navigation feedback only. The line is indeterminate, never a percentage. */
@layer pcba-enterprise-color {
  html:root #pcba-page-feedback[hidden] { display:none !important; }
  html:root #pcba-page-feedback {
    position:fixed !important;inset:0 0 auto !important;height:0 !important;width:100% !important;z-index:9500 !important;
    pointer-events:none !important;background:transparent !important;
    opacity:1 !important;transition:none !important;
  }
  html:root #pcba-page-feedback.is-visible { opacity:1 !important; }
  html:root #pcba-page-feedback.is-leaving { opacity:1 !important; }
  html:root #pcba-page-feedback .pcba-page-feedback-track {
    position:absolute !important;inset:0 0 auto !important;height:2px !important;
    overflow:hidden !important;background:rgba(0,0,0,.04) !important;
    opacity:0 !important;transition:opacity 160ms ease !important;
  }
  html:root #pcba-page-feedback.is-visible .pcba-page-feedback-track {opacity:1 !important;}
  html:root #pcba-page-feedback.is-leaving .pcba-page-feedback-track {opacity:0 !important;}
  html:root #pcba-page-feedback .pcba-page-feedback-track::after {
    content:'' !important;display:block !important;width:38% !important;height:100% !important;
    border:0 !important;border-radius:2px !important;
    background:linear-gradient(90deg,transparent,#777777 30%,#242424 58%,transparent) !important;
    animation:pp-page-light 1500ms cubic-bezier(.4,0,.25,1) infinite !important;
    transform:translate3d(-110%,0,0);
  }
  html:root #pcba-page-feedback .pcba-page-feedback-toast {
    position:fixed !important;top:calc(96px + env(safe-area-inset-top,0px)) !important;
    left:50% !important;width:80px !important;max-width:calc(100vw - 40px) !important;
    box-sizing:border-box !important;margin:0 !important;padding:4px !important;
    border:0 !important;border-radius:0 !important;
    background:transparent !important;color:#242424 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
    opacity:0;transform:translate3d(-50%,6px,0);
    transition:opacity 160ms ease,transform 220ms cubic-bezier(.2,.8,.2,1) !important;
    pointer-events:none !important;
  }
  html:root #pcba-page-feedback.is-visible:not(.is-leaving) .pcba-page-feedback-toast {
    animation:pp-page-toast 280ms cubic-bezier(.2,.8,.2,1) 140ms both !important;
  }
  html:root #pcba-page-feedback.is-leaving .pcba-page-feedback-toast {
    animation:none !important;opacity:0 !important;transform:translate3d(-50%,-3px,0) !important;
  }
  html:root #pcba-page-feedback .pp-feedback-status {
    display:inline-flex !important;align-items:center !important;gap:0 !important;
    max-width:100% !important;margin:0 !important;padding:0 !important;
    color:#242424 !important;font-family:inherit !important;font-size:13px !important;
    font-weight:500 !important;line-height:20px !important;letter-spacing:.01em !important;
    -webkit-text-fill-color:currentColor !important;
  }
  html:root #pcba-page-feedback .pp-feedback-status-label {
    position:absolute !important;width:1px !important;height:1px !important;
    margin:-1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;
    clip-path:inset(50%) !important;white-space:nowrap !important;
  }
  html:root #pcba-page-feedback .pp-feedback-spinner {
    position:relative !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    width:72px !important;height:34px !important;flex:0 0 72px !important;
    margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
    background:transparent !important;color:#242424 !important;animation:none !important;
    transform:none !important;overflow:visible !important;
  }
  html:root #pcba-page-feedback .pp-feedback-spinner::before,
  html:root #pcba-page-feedback .pp-feedback-spinner::after {display:none !important;}
  html:root #pcba-page-feedback .pp-page-motion-icon {
    display:block !important;width:72px !important;height:30px !important;overflow:visible !important;
    transform-origin:50% 65% !important;animation:pp-page-character 2800ms cubic-bezier(.4,0,.2,1) infinite !important;
  }
  html:root #pcba-page-feedback .pp-page-motion-dot {
    position:absolute !important;top:50% !important;left:50% !important;
    display:block !important;width:5px !important;height:5px !important;margin:-2.5px !important;
    border:0 !important;border-radius:50% !important;background:#242424 !important;
    animation:pp-page-follow 2800ms cubic-bezier(.3,0,.2,1) infinite !important;
  }
  html:root #pcba-page-feedback .pp-page-motion-track {fill:none !important;stroke:#d0d0d0 !important;stroke-width:52 !important;}
  html:root #pcba-page-feedback .pp-page-motion-runner {
    fill:none !important;stroke:#242424 !important;stroke-width:52 !important;
    stroke-linecap:round !important;stroke-dasharray:27 73 !important;
    animation:pp-page-orbit 1800ms linear infinite !important;
  }
  html:root body.pcba-page-pending main {opacity:1 !important;transition:none !important;}
  @keyframes pp-page-light {from{transform:translate3d(-110%,0,0)}to{transform:translate3d(370%,0,0)}}
  @keyframes pp-page-orbit {from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
  @keyframes pp-page-character {
    0%,10%,60%,100%{transform:translate3d(0,0,0) rotate(0) scale(1)}
    17%{transform:translate3d(0,1.5px,0) rotate(-1.5deg) scale(1.04,.9)}
    31%{transform:translate3d(0,-3.5px,0) rotate(1.5deg) scale(.98,1.06)}
    45%{transform:translate3d(0,.8px,0) rotate(-.6deg) scale(1.02,.97)}
    53%{transform:translate3d(0,-.4px,0) rotate(.2deg) scale(.995,1.01)}
  }
  @keyframes pp-page-follow {
    0%,12%,78%,100%{opacity:0;transform:translate3d(-25px,2px,0) scale(.5)}
    20%{opacity:.9;transform:translate3d(-25px,2px,0) scale(1.18,.75)}
    32%{opacity:1;transform:translate3d(-12px,-13px,0) scale(.85,1.12)}
    43%{opacity:1;transform:translate3d(0,2px,0) scale(1.2,.75)}
    56%{opacity:1;transform:translate3d(14px,-11px,0) scale(.85,1.12)}
    68%{opacity:.8;transform:translate3d(25px,2px,0) scale(1.15,.8)}
  }
  @keyframes pp-page-toast {from{opacity:0;transform:translate3d(-50%,6px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}
  @media(max-width:480px) {
    html:root #pcba-page-feedback .pcba-page-feedback-toast {
      top:calc(104px + env(safe-area-inset-top,0px)) !important;width:72px !important;
    }
    html:root #pcba-page-feedback .pp-feedback-spinner {width:64px !important;height:30px !important;flex:0 0 64px !important;}
    html:root #pcba-page-feedback .pp-page-motion-icon {width:64px !important;height:28px !important;}
  }
  @media(prefers-reduced-motion:reduce) {
    html:root #pcba-page-feedback,
    html:root #pcba-page-feedback .pcba-page-feedback-toast,
    html:root #pcba-page-feedback .pcba-page-feedback-track {transition:none !important;}
    html:root #pcba-page-feedback.is-visible:not(.is-leaving) .pcba-page-feedback-toast {
      animation:none !important;opacity:1 !important;transform:translate3d(-50%,0,0) !important;
    }
    html:root #pcba-page-feedback .pcba-page-feedback-track::after {animation:none !important;transform:none !important;width:100% !important;background:#777777 !important;}
    html:root #pcba-page-feedback .pp-page-motion-runner {animation:none !important;stroke-dasharray:none !important;stroke-dashoffset:0 !important;}
    html:root #pcba-page-feedback .pp-page-motion-icon {animation:none !important;transform:none !important;}
    html:root #pcba-page-feedback .pp-page-motion-dot {display:none !important;animation:none !important;}
  }
  @media print { html:root #pcba-page-feedback {display:none !important;} }
}
