@layer components{.v2-auth{--auth-col:400px;--pass-max:420px;box-sizing:border-box;background:var(--paper);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;min-block-size:100dvh;display:grid}html:has(.v2-auth[data-face=portal]:not([data-treatment=plain])){scrollbar-gutter:stable}.v2-pass-stage{box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 28px) max(var(--gutter), env(safe-area-inset-right,0px)) 0 max(var(--gutter), env(safe-area-inset-left,0px));pointer-events:none;-webkit-user-select:none;user-select:none;align-content:center;justify-items:center;display:grid;position:relative}.v2-pass-stage__mount{inline-size:100%;max-inline-size:var(--pass-max)}.v2-pass-stage__slot{aspect-ratio:1.586;inline-size:100%}@media (max-width:767px){.v2-auth[data-stage=compact]>.v2-pass-stage{display:none}}.v2-auth[data-stage=full] .v2-auth__main{padding-top:40px}.v2-pass-stage[data-arrive] .dp[data-state=rest] .dp__lift{animation:v2-pass-arrive .22s var(--ease-glide) both}@media (prefers-reduced-motion:reduce){.v2-pass-stage[data-arrive] .dp[data-state=rest] .dp__lift{animation-duration:.15s}}@keyframes v2-pass-arrive{0%{opacity:0}}.v2-auth__lockup{color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;justify-self:start;align-items:center;margin-bottom:4px;display:none}.v2-auth[data-face=crm][data-stage=full] .v2-auth__lockup{display:inline-flex}.v2-auth[data-treatment=paper] .v2-auth__lockup{justify-self:center}.v2-auth-site{border-inline-start:1px solid color-mix(in oklch, currentColor 30%, transparent);block-size:18px;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, currentColor 76%, transparent);align-items:center;margin-inline-start:10px;padding-inline-start:10px;font-size:.7155rem;font-weight:600;line-height:1;display:inline-flex}.v2-auth__bar{box-sizing:border-box;block-size:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--gutter), env(safe-area-inset-right,0px)) 0 max(var(--gutter), env(safe-area-inset-left,0px));border-bottom:1px solid var(--hairline);color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.v2-auth__bar-in{inline-size:min(100%, var(--auth-col));align-items:center;gap:10px;margin-inline:auto;display:flex}.v2-auth__bar[data-tone=paper] .v2-auth__bar-in{justify-content:center}.v2-auth__bar-p{flex:none}@media (min-width:768px){.v2-auth{--pass-max:560px}.v2-auth>.v2-pass-stage{padding:0 32px}.v2-auth>.v2-auth__bar{display:none}.v2-auth[data-stage] .v2-auth__main{padding-top:56px}.v2-auth[data-stage] .v2-auth__lockup{display:inline-flex}}@media (min-width:768px) and (max-width:1023px){.v2-auth[data-treatment=folio][data-stage]{padding-block-start:max(48px,50dvh - 410px)}}@media (min-width:768px){.v2-auth[data-treatment=paper][data-stage]{padding-block-start:max(48px,50dvh - 410px)}}@media (min-width:1024px){.v2-auth[data-treatment=paper]{--paper-col:672px;--paper-pass-h:clamp(252px, calc(100dvh - var(--paper-col) - 112px), 353px)}.v2-auth[data-treatment=paper][data-stage]{padding-block-start:max(40px, calc((100dvh - var(--paper-pass-h) - var(--paper-col) - 72px) / 2))}.v2-auth[data-treatment=paper] .v2-pass-stage__mount{max-inline-size:calc(var(--paper-pass-h) * 1.586)}.v2-auth[data-treatment=paper][data-stage] .v2-auth__main{padding-top:40px}.v2-auth[data-treatment=folio]{--stage-margin:clamp(48px, 4.5vw, 96px);grid-template-rows:none;grid-template-columns:minmax(0,1fr) clamp(420px,34vw,580px);align-items:start}.v2-auth[data-treatment=folio][data-stage]{padding:0}.v2-auth[data-treatment=folio][data-stage]>.v2-pass-stage{block-size:100dvh;padding:0 var(--stage-margin);border-inline-end:1px solid #0000;display:grid;position:sticky;inset-block-start:0}.v2-auth[data-treatment=folio][data-stage]:not([data-replica])>.v2-pass-stage{background:radial-gradient(60% 55% at 50% 48%, color-mix(in srgb, var(--surface) 70%, transparent) 0%, transparent 100%), var(--rail);border-inline-end-color:var(--hairline)}.v2-auth[data-treatment=folio] .v2-pass-stage__mount{max-inline-size:min(1280px,158.6dvh - 3.172*clamp(96px,14dvh,180px))}.v2-auth[data-treatment=folio] .v2-auth__lockup{display:inline-flex}.v2-auth[data-treatment=folio][data-stage] .v2-auth__main{min-block-size:100dvh;padding:clamp(96px,24vh,240px) 40px 56px}}@media (min-width:1024px) and (prefers-color-scheme:dark){.v2:not([data-theme=light]) .v2-auth[data-treatment=folio][data-stage]:not([data-replica])>.v2-pass-stage{background:radial-gradient(60% 55% at 50% 48%, color-mix(in srgb, var(--raised) 55%, transparent) 0%, transparent 100%), var(--rail)}}@media (min-width:1024px){.v2[data-theme=dark] .v2-auth[data-treatment=folio][data-stage]:not([data-replica])>.v2-pass-stage{background:radial-gradient(60% 55% at 50% 48%, color-mix(in srgb, var(--raised) 55%, transparent) 0%, transparent 100%), var(--rail)}}.v2-auth[data-treatment=paper] .v2-auth__column{text-align:center}.v2-auth[data-treatment=paper] .v2-auth__column :is(.v2-field,form,.v2-auth__form){text-align:start}.v2-auth[data-treatment=plain]{padding-block:calc(env(safe-area-inset-top,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 24px);grid-template-rows:none;align-content:center}.v2-auth__wordmark{justify-self:start;margin-bottom:16px}.v2-auth[data-replica]{pointer-events:none;background:0 0}.v2-auth[data-replica] .v2-auth__field-focus .v2-input{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--ink)}.v2-auth__main{padding:32px max(var(--gutter), env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 32px) max(var(--gutter), env(safe-area-inset-left,0px));align-content:start;display:grid}.v2-auth__main:focus{outline:none}.v2-auth__column{inline-size:min(100%, var(--auth-col));gap:24px;margin-inline:auto;display:grid}.v2-auth__head{gap:8px;display:grid}.v2-auth__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-size:1.953rem;font-weight:600;line-height:1.1}.v2-auth__title[tabindex="-1"]:focus{outline:none}.v2-auth__line{font-family:var(--font-sans);color:var(--text-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.5}.v2-auth__line strong{color:var(--text);overflow-wrap:anywhere;font-weight:500}.v2-auth__form{gap:16px;display:grid}.v2-auth__form>.v2-btn{margin-top:8px}.v2-auth__aside{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin-top:-8px;display:flex}.v2-auth__links{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.v2-auth[data-treatment=paper] .v2-auth__links{justify-content:center}.v2-auth:not([data-treatment=paper]) .v2-auth__links>.v2-btn:is([data-variant=quiet],[data-variant=quiet-danger]){margin-inline-start:-4px}.v2-auth__foot{border-top:1px solid var(--hairline);font-family:var(--font-sans);color:var(--text-muted);margin:8px 0 0;padding-top:16px;font-size:.8rem;line-height:1.4}.v2-auth__foot a{color:var(--ink);position:relative}.v2-auth__foot a:before{content:"";position:absolute;inset:-14px -6px}.v2-auth-msg{border-radius:var(--radius-control);font-family:var(--font-sans);text-align:start;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:12px 14px;font-size:.9412rem;line-height:1.45;display:grid}.v2-auth-msg>svg{margin-top:2px}.v2-auth-msg[data-tone=error]{background:var(--danger-bg);color:var(--danger-fg)}.v2-auth-msg[data-tone=notice]{background:var(--well);color:var(--text)}.v2-auth-msg[data-tone=notice]>svg{color:var(--text-muted)}.v2-auth-msg[data-tone=success]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text)}.v2-auth-msg[data-tone=success]>svg{color:var(--success-fg)}.v2-secret{display:block;position:relative}.v2-secret>.v2-input{padding-inline-end:52px}.v2-secret__toggle{border-radius:var(--radius-control-sm);block-size:44px;inline-size:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-block:auto;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:3px}@media (hover:hover){.v2-secret__toggle:hover{color:var(--ink);background:var(--well)}}.v2-secret__toggle[data-pressed]{opacity:.6}.v2-code-input{min-block-size:60px;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.32em;text-align:center;padding-inline:16px calc(16px - .32em);font-size:max(1.5625rem,16px);font-weight:500}.v2-code-input::placeholder{letter-spacing:normal;font-size:1rem;font-weight:400}.v2-qr{border-radius:var(--radius-control-lg);block-size:184px;inline-size:184px;box-shadow:inset 0 0 0 1px var(--hairline);background:#fdfbf7;padding:12px;display:block}.v2-qr rect{fill:#0f1f3d}.v2-secret-key{letter-spacing:.08em;color:var(--text);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:1rem}}
