@property --oq-t{syntax:"<number>";inherits:true;initial-value:10}.oq-login{--oq-ease:cubic-bezier(.2, .7, .2, 1);--oq-pad-x:clamp(16px, 5vw, 64px);--oq-pad-y:clamp(12px, 3.2vh, 36px);height:100dvh;padding:max(var(--oq-pad-y), env(safe-area-inset-top)) max(var(--oq-pad-x), env(safe-area-inset-right)) max(var(--oq-pad-y), env(safe-area-inset-bottom)) max(var(--oq-pad-x), env(safe-area-inset-left));background:hsl(var(--background));color:hsl(var(--foreground));flex-direction:column;display:flex;overflow:hidden}.oq-login-top{flex:none;align-items:center;height:22px;display:flex}.oq-login-wordmark{font-size:22px;line-height:1}.oq-login-stage{flex:1;grid-template:"sheet console"minmax(0,1fr)/minmax(0,1fr) minmax(300px,392px);align-items:center;column-gap:clamp(40px,6.5vw,120px);min-height:0;padding-block:clamp(8px,2.5vh,32px) 0;display:grid}.oq-login-console{flex-direction:column;grid-area:console;min-width:0;display:flex}.oq-login-eyebrow{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.01em;color:hsl(var(--brand-text));font-size:12px;line-height:1.4}.oq-login-headline{letter-spacing:-.028em;text-wrap:balance;margin-top:10px;font-size:clamp(30px,2.6vw,40px);font-weight:600;line-height:1.06}.oq-login-accent{color:hsl(var(--brand-text))}.oq-login-door{margin-top:clamp(20px,4vh,40px)}.oq-login-welcome{letter-spacing:-.015em;font-size:20px;font-weight:600;line-height:1.2}.oq-login-subtitle{color:hsl(var(--muted-foreground));margin-top:4px;font-size:14px;line-height:1.45}.oq-login-form{flex-direction:column;gap:14px;margin-top:clamp(14px,2.4vh,22px);display:flex}.oq-login-fields{flex-direction:column;gap:12px;display:flex}.oq-login-field{flex-direction:column;gap:6px;display:flex}.oq-login-input{font-size:16px}.oq-login-error{border:1px solid hsl(var(--brand) / .45);border-radius:calc(var(--radius) - 2px);background:hsl(var(--brand-tint));color:hsl(var(--brand-text));align-items:flex-start;gap:8px;padding:9px 12px;font-size:14px;line-height:1.4;display:flex}.dark .oq-login-error{background:hsl(var(--brand) / .12)}.oq-login-error svg{margin-top:2px}.oq-login-error-slot:empty{display:none}@media (min-width:1024px) and (min-height:700px){.oq-login-error-slot,.oq-login-error-slot:empty{min-height:42px;margin-bottom:-14px;display:block}}.oq-login-submit{width:100%;font-size:15px;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s}.oq-login-submit:active{transform:scale(.985)}.oq-login-sso{flex-direction:column;gap:12px;margin-top:14px;display:flex}.oq-login-status{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));align-items:baseline;gap:10px;margin-top:clamp(16px,3vh,28px);padding-top:clamp(12px,2vh,16px);font-size:13px;line-height:1.45;display:flex}.oq-login-status-dot{background:hsl(var(--accent));border-radius:999px;flex:none;width:7px;height:7px;transform:translateY(-1px)}.oq-login-status b{font-family:var(--font-geist-mono), ui-monospace, monospace;color:hsl(var(--foreground));font-weight:500}.oq-login-shaking{animation:.28s linear oq-login-shake}@keyframes oq-login-shake{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(0)}28.57%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(6px)}57.14%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(-6px)}78.57%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(4px)}to{transform:translate(0)}}.oq-login-figure{flex-direction:column;grid-area:sheet;place-self:center start;width:100%;max-width:740px;min-height:0;max-height:100%;margin:0;display:flex}.oq-login-sheet{--oq-t:10;--oq-gutter:148px;--oq-num:30px;--oq-reset:clamp(0, (11.6 - var(--oq-t)) / .6, 1);min-height:0;padding:20px 34px 30px calc(34px + var(--oq-gutter) + var(--oq-num));background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));box-shadow:0 1px 0 hsl(var(--foreground) / .04), 0 24px 48px -28px hsl(var(--foreground) / .32);font-size:15px;line-height:1.55;position:relative;overflow:hidden}.dark .oq-login-sheet{box-shadow:0 1px #ffffff08,0 24px 48px -24px #000000b3}.oq-login-sheet:before{--kept:calc(clamp(0, (var(--oq-t) - 8.3) / .5, 1) * var(--oq-reset));content:"";background:color-mix(in srgb, hsl(var(--accent)) calc(var(--kept) * 100%), hsl(var(--marigold)));height:3px;position:absolute;inset:0 0 auto}.oq-login-sheet-head{--kept:calc(clamp(0, (var(--oq-t) - 8.3) / .3, 1) * var(--oq-reset));margin:0 0 16px calc(-1 * (var(--oq-gutter) + var(--oq-num)));border-bottom:1px solid hsl(var(--border));font-family:var(--font-geist-mono), ui-monospace, monospace;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;font-size:12px;display:flex}.oq-login-sheet-status{display:grid}.oq-login-sheet-status>span{grid-area:1/1;font-weight:600}.oq-login-sheet-status>span:first-child{color:hsl(var(--marigold-ink));opacity:calc(1 - var(--kept))}.oq-login-sheet-status>span:last-child{color:hsl(var(--accent-ink));opacity:var(--kept)}.oq-login-sheet-meta{text-align:right}.oq-login-line{--p:clamp(0, (var(--oq-t) - var(--at)) / .4, 1);--u:calc(clamp(0, (var(--oq-t) - var(--at)) * 6, 1) * clamp(0, (var(--at) + 1.2 - var(--oq-t)) * 4, 1));border-left:2px solid hsl(var(--marigold) / var(--u));color:hsl(var(--card-foreground) / calc(.6 + .4 * var(--p) * var(--oq-reset)));margin:0 0 .65em;padding-left:14px;position:relative}.oq-login-line:last-child{margin-bottom:0}.oq-login-title{letter-spacing:-.012em;margin-bottom:.8em;font-size:1.24em;font-weight:600;line-height:1.3}.oq-login-num{--lit:0;width:calc(var(--oq-num) - 10px);margin-left:calc(-1 * var(--oq-num) - 16px);text-align:right;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:0;font-variant-numeric:tabular-nums;color:color-mix(in srgb, hsl(var(--brand-text)) calc(var(--lit) * 100%), hsl(var(--muted-foreground)));-webkit-user-select:none;user-select:none;margin-right:26px;font-size:11px;font-weight:400;display:inline-block}.oq-login-num[data-pair]{--lit:calc(clamp(0, (var(--oq-t) - var(--at)) / .25, 1) * var(--oq-reset));font-weight:calc(400 + 200 * var(--lit))}.oq-login-sweep{--p:clamp(0, (var(--oq-t) - var(--at)) / .9, 1);--e:calc(var(--p) * (2 - var(--p)));--k:calc(clamp(0, (var(--oq-t) - var(--at) - .6) / .3, 1) * var(--oq-reset));--hot:0;cursor:pointer;background-color:#0000;background-image:linear-gradient(100deg, transparent 0, var(--w) 0.8%, var(--w) 99.2%, transparent 100%);background-repeat:no-repeat;background-size:calc(var(--e) * 100%) 100%;box-shadow:inset 0 calc(-2px - var(--hot) * 1px) 0 hsl(var(--c) / var(--k));border-radius:.22em;margin:0 -.1em;padding:.06em .1em;transition:background-color .16s ease-out}.oq-login-sweep[data-tone=pass]{--c:var(--accent-ink);--w:hsl(var(--accent-tint) / var(--oq-reset));--hc:hsl(var(--accent) / .16)}.oq-login-sweep[data-tone=short]{--c:var(--marigold-ink);--w:hsl(var(--marigold) / calc(.17 * var(--oq-reset)));--hc:hsl(var(--marigold) / .2)}.dark .oq-login-sweep[data-tone=pass]{--w:hsl(var(--accent) / calc(.2 * var(--oq-reset)));--hc:hsl(var(--accent) / .26)}.dark .oq-login-sweep[data-tone=short]{--w:hsl(var(--marigold) / calc(.16 * var(--oq-reset)));--hc:hsl(var(--marigold) / .22)}.oq-login-note{--p:clamp(0, (var(--oq-t) - var(--at)) / .35, 1);--e:calc(var(--p) * (2 - var(--p)));--hc:hsl(var(--surface));left:calc(-2px - var(--oq-num) - var(--oq-gutter));width:calc(var(--oq-gutter) - 8px);font:inherit;text-align:right;overflow-wrap:anywhere;cursor:pointer;opacity:calc(var(--e) * var(--oq-reset));transform:translateX(calc((1 - var(--e)) * -6px));background:0 0;border:0;border-radius:6px;padding:3px 8px 4px;font-size:12px;line-height:1.35;transition:background-color .16s ease-out;position:absolute;top:-3px}.oq-login-note b{margin-bottom:1px;font-size:12px;font-weight:700;display:block}.oq-login-note>span{color:hsl(var(--muted-foreground))}.oq-login-note[data-tone=pass] b{color:hsl(var(--accent-ink))}.oq-login-note[data-tone=short] b{color:hsl(var(--marigold-ink))}.oq-login-note:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.oq-login-sheet[data-hot="1"] [data-pair="1"],.oq-login-sheet[data-hot="2"] [data-pair="2"],.oq-login-sheet[data-hot="3"] [data-pair="3"]{--oq-t:10;--oq-reset:1;--hot:1;background-color:var(--hc);opacity:1}.oq-login-caption{color:hsl(var(--muted-foreground));flex:none;margin-top:12px;font-size:13px;line-height:1.4}@media (prefers-reduced-motion:no-preference){.oq-login-sheet{animation:12s linear -.3s infinite both oq-login-read}}@keyframes oq-login-read{0%{--oq-t:0}91.67%{--oq-t:11}to{--oq-t:12}}@media (prefers-reduced-motion:reduce){.oq-login-shaking{animation:none}.oq-login-submit,.oq-login-sweep,.oq-login-note{transition:none}}@media (min-width:1024px) and (max-height:840px){.oq-login-line[data-filler="1"]{display:none}}@media (min-width:1024px) and (max-height:760px){.oq-login-sheet{padding-top:16px;padding-bottom:22px;font-size:14px}.oq-login-line[data-filler]{display:none}.oq-login-headline{font-size:clamp(28px,2.4vw,34px)}.oq-login-status{margin-top:16px}}@media (min-width:1024px) and (max-width:1279.98px){.oq-login-sheet{--oq-gutter:124px;padding-right:24px;font-size:14px}}@media (max-width:1023.98px){.oq-login-stage{grid-template:"intro""sheet"minmax(0,1fr)"door""status"/minmax(0,1fr);align-items:stretch;row-gap:clamp(12px,2.4vh,28px);padding-block:clamp(10px,2.2vh,28px) 0}.oq-login-console{display:contents}.oq-login-intro{grid-area:intro;max-width:560px}.oq-login-door{grid-area:door;width:100%;max-width:460px;margin-top:0}.oq-login-status{grid-area:status;max-width:460px;margin-top:0}.oq-login-headline{margin-top:6px;font-size:clamp(23px,6.2vw,34px);line-height:1.1}.oq-login-eyebrow{font-size:11.5px}.oq-login-figure{align-self:center;max-width:640px}.oq-login-sheet{--oq-gutter:0px;--oq-num:24px;padding:12px 16px 20px calc(12px + var(--oq-num));flex:0 auto;font-size:13.5px;line-height:1.5;-webkit-mask-image:linear-gradient(#000 calc(100% - 20px),#0000);mask-image:linear-gradient(#000 calc(100% - 20px),#0000)}.oq-login-sheet-head{margin:0 0 10px calc(-1 * var(--oq-num));padding-bottom:8px;font-size:11px}.oq-login-line{margin-bottom:.5em;padding-left:10px}.oq-login-line[data-filler]{display:none}.oq-login-title{margin-bottom:.45em;font-size:1.12em}.oq-login-note{text-align:left;width:auto;transform:translateY(calc((1 - var(--e)) * -3px));flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:2px 0 0 -8px;padding:2px 8px;display:flex;position:static}.oq-login-note b{margin:0;display:inline}.oq-login-num{margin-left:calc(-1 * var(--oq-num) - 12px);margin-right:22px}.oq-login-caption,.oq-login-figure[data-fit] .oq-login-line[data-trim],.oq-login-figure[data-fit="2"] .oq-login-sheet-head,.oq-login-figure[data-fit="3"]{display:none}.oq-login-stage:has(>.oq-login-figure[data-fit="3"]){grid-template-rows:auto auto auto;grid-template-areas:"intro""door""status";align-content:start}}@media (min-width:640px) and (max-width:1023.98px) and (min-height:900px){.oq-login-sheet{padding:16px 24px 22px calc(18px + var(--oq-num));font-size:14.5px;-webkit-mask-image:none;mask-image:none}.oq-login-line[data-filler="1"],.oq-login-caption{display:block}}@media (max-width:1023.98px) and (max-height:679.98px){.oq-login-figure{display:none}.oq-login-stage{grid-template-rows:auto auto auto;grid-template-areas:"intro""door""status";align-content:start}}@media (max-width:1023.98px) and (max-height:599.98px){.oq-login-subtitle{display:none}}@media (max-width:379.98px){.oq-login-subtitle{display:none}}@media (min-width:560px) and (max-height:539.98px){.oq-login{--oq-pad-y:12px}.oq-login-stage{grid-template:"intro door"minmax(0,1fr)"status door"/minmax(0,1fr) minmax(280px,360px);align-items:center;gap:12px clamp(24px,5vw,64px);padding-block:8px 0}.oq-login-console{display:contents}.oq-login-figure{display:none}.oq-login-intro{grid-area:intro;align-self:center}.oq-login-door{grid-area:door;align-self:center;margin-top:0}.oq-login-status{grid-area:status;align-self:end;margin-top:0}.oq-login-headline{font-size:clamp(22px,3.4vw,32px)}.oq-login-welcome{font-size:18px}.oq-login-subtitle{display:none}.oq-login-form{gap:10px;margin-top:10px}.oq-login-fields{gap:8px}.oq-login-field{gap:4px}.oq-login-input,.oq-login-submit{height:40px}.oq-login-sso{gap:8px;margin-top:10px}}@media (min-width:560px) and (min-height:400px) and (max-height:539.98px){.oq-login-subtitle{display:block}}
