/* Startup layer only. The terminal's existing layout and payment styles are untouched. */
#passpay-intro{position:fixed;inset:0;z-index:10000;background:var(--canvas,#eceff0);overflow:hidden;animation:passpay-intro-fail-open 7s step-end forwards;color:var(--ink,#242b31)}
#passpay-intro .intro-scene{position:absolute;inset:0;background:var(--surface,#fff);overflow:hidden;isolation:isolate;container-type:inline-size}
#passpay-intro .intro-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#passpay-intro .intro-wash{position:absolute;left:-30%;bottom:-30%;width:160%;height:100%;background:radial-gradient(ellipse at 62% 70%,#0e9b8b24,transparent 58%);opacity:0}
html[data-theme="dark"] #passpay-intro .intro-wash{background:radial-gradient(ellipse at 62% 70%,#0e9b8b39,transparent 58%)}
#passpay-intro .intro-glyph{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;display:grid;place-items:center;aspect-ratio:1;color:#31aa9d;pointer-events:none}
#passpay-intro .intro-glyph-art{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--glyph) center/contain no-repeat;mask:var(--glyph) center/contain no-repeat}
#passpay-intro .intro-glyph-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;font-size:2.5cqw;font-weight:650;letter-spacing:.12em;line-height:1}
#passpay-intro .intro-transfer-lines{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:1cqw}
#passpay-intro .intro-transfer-lines .intro-glyph-art{width:100%;height:42%}
#passpay-intro .intro-transfer-lines .intro-glyph-art:last-child{transform:scaleX(-1)}
#passpay-intro .intro-sbp,#passpay-intro .intro-qr{color:#219f8e}
#passpay-intro .intro-card{color:#348e80}#passpay-intro .intro-phone{color:#448e88}#passpay-intro .intro-transfer{color:#5183aa}
#passpay-intro .intro-shield,#passpay-intro .intro-done{color:#629c62}#passpay-intro .intro-receipt{color:#3e9985}#passpay-intro .intro-coin{color:#829c48}
#passpay-intro .intro-history,#passpay-intro .intro-calculator{color:#7b87b2}#passpay-intro .intro-refresh{color:#42977c}
html[data-theme="dark"] #passpay-intro .intro-glyph{color:#72e7d5}
html[data-theme="dark"] #passpay-intro .intro-sbp,html[data-theme="dark"] #passpay-intro .intro-qr{color:#7cefdc}
html[data-theme="dark"] #passpay-intro .intro-card{color:#9cddd1}html[data-theme="dark"] #passpay-intro .intro-phone{color:#95cfc9}
html[data-theme="dark"] #passpay-intro .intro-transfer{color:#9bbedd}
html[data-theme="dark"] #passpay-intro .intro-shield,html[data-theme="dark"] #passpay-intro .intro-done{color:#b9dfb9}
html[data-theme="dark"] #passpay-intro .intro-receipt{color:#ade1d6}html[data-theme="dark"] #passpay-intro .intro-coin{color:#d0e6b2}
html[data-theme="dark"] #passpay-intro .intro-history,html[data-theme="dark"] #passpay-intro .intro-calculator{color:#b6c1e1}
html[data-theme="dark"] #passpay-intro .intro-refresh{color:#91d6c1}
#passpay-intro .intro-wordmark{position:absolute;left:50%;top:42%;display:flex;align-items:baseline;white-space:nowrap;font-family:Manrope,system-ui,sans-serif;font-size:15.4cqw;letter-spacing:-.075em;font-weight:850;line-height:1.12;transform:translate(-50%,-50%);transform-origin:center;z-index:5;opacity:0;will-change:transform,opacity;pointer-events:none}
#passpay-intro .intro-pass{display:block;will-change:transform,opacity,clip-path}#passpay-intro .intro-pay{display:block;color:#16d9d2;transform-origin:center;will-change:transform}
#passpay-intro .intro-caption{position:absolute;left:0;right:0;bottom:12%;display:flex;flex-direction:column;align-items:center;gap:17px;color:var(--muted,#68767f);font-size:10px;letter-spacing:1.1px;opacity:0}
#passpay-intro .intro-caption-line{width:24px;height:1px;background:#69b8aa}
.workspace.passpay-intro-underlay .brand-wordmark{visibility:hidden}
#passpay-intro .intro-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes passpay-intro-fail-open{0%,99%{visibility:visible}100%{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#passpay-intro{display:none}#passpay-intro .intro-glyph,#passpay-intro .intro-wordmark,#passpay-intro .intro-pass,#passpay-intro .intro-pay{will-change:auto}}
