.si-popup{--ease-draw:cubic-bezier(.7, 0, .18, 1)}@media (max-width:39.99rem){.si-popup{bottom:var(--kb,0px);max-height:calc(100dvh - var(--kb,0px) - .75rem);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.si-popup[data-kb] .si-stage{display:none}.si-popup[data-kb] .si-body{padding-top:1.5rem}}.si-stage{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 46% 85% at 50% 58%, color-mix(in oklab, var(--case-acc) 9%, transparent), transparent 75%), var(--surface);justify-content:center;align-items:center;gap:1rem;padding:1.875rem 1.25rem 1.625rem;display:flex;position:relative;overflow:hidden}@media (min-width:40rem){.si-stage{padding-block:2.25rem 1.875rem}}:root[data-theme=dark] .si-stage{background:radial-gradient(ellipse 46% 85% at 50% 58%, color-mix(in oklab, var(--case-acc) 7%, transparent), transparent 75%), var(--surface)}.si-owl{width:3rem;height:3rem;animation:si-owl .42s var(--ease-out) 60ms backwards;flex:none}.si-owl .owl-eyes{transform-box:fill-box;transform-origin:50%;animation:.22s linear 1.3s si-blink}@keyframes si-owl{0%{opacity:0;transform:translateY(.375rem)scale(.86)}}@keyframes si-blink{50%{transform:scaleY(.1)}}.si-line{--fs:2.125rem;font-size:var(--fs);color:var(--text);align-items:baseline;padding:.55em 0 .35em;line-height:1;display:flex;position:relative}.si-line:lang(la){font-family:var(--ff-display);letter-spacing:-.01em;font-weight:500}.si-line:lang(grc){--fs:1.875rem;padding-bottom:.6em}.si-line:lang(grc) .si-ul{top:calc(100% + .3 * var(--fs))}.si-w{align-items:baseline;display:inline-flex;position:relative}.si-w+.si-w{margin-left:.32em}.si-form{color:var(--c);animation:si-tint .52s var(--ease-out) calc(.56s + var(--n) * .16s) backwards;display:inline-block;position:relative}.si-l{animation:si-ink .42s var(--ease-out) calc(.18s + var(--i) * 42ms) backwards;display:inline-block}.si-comma{color:var(--text-muted);animation:si-fade .3s var(--ease-out) .42s backwards}.si-ul{inset-inline:.03em;top:calc(100% + .08 * var(--fs));background:var(--c);transform-origin:0;height:1.5px;animation:si-grow .42s var(--ease-out) calc(.64s + var(--n) * .16s) backwards;border-radius:1px;position:absolute}.si-line .arc path{fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-dasharray:1 2;animation:si-draw .56s var(--ease-draw) .82s backwards}.si-line .arc circle:not(.bloom){transform-box:fill-box;transform-origin:50%;animation:si-dot .26s var(--ease-out) 1.3s backwards}.si-line .arc .bloom{display:none}@keyframes si-ink{0%{opacity:0;transform:translateY(.22em)}}@keyframes si-tint{0%{color:var(--text)}}@keyframes si-grow{0%{transform:scaleX(0)}}@keyframes si-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes si-dot{0%{opacity:0;transform:scale(.3)}}@keyframes si-fade{0%{opacity:0}}.si-rise{animation:si-rise .36s var(--ease-out) calc(.12s + var(--r,0) * 45ms) backwards}.si-step{animation:si-rise .26s var(--ease-out) backwards}@keyframes si-rise{0%{opacity:0;transform:translateY(.375rem)}}.si-code{position:relative}.si-code-input{z-index:1;color:#0000;caret-color:#0000;letter-spacing:1.75em;background:0 0;border:0;outline:none;width:100%;font-size:1rem;position:absolute;inset:0}.si-code-input::selection{background:0 0}.si-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.si-slot{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--elevated);height:3.25rem;font:500 1.375rem / 1 var(--ff-ui);font-variant-numeric:tabular-nums;color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);place-items:center;display:grid}.si-slot[data-filled]{animation:si-pop .16s var(--ease-out)}@keyframes si-pop{0%{transform:scale(.92)}}.si-code:focus-within .si-slot[data-next]{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.si-code:focus-within .si-slot[data-next]:not([data-filled]):after{content:"";background:var(--text);width:1.5px;height:1.375rem;animation:1s step-end infinite si-caret}@keyframes si-caret{50%{opacity:0}}.si-code[data-invalid] .si-slot{border-color:var(--danger)}.si-code[data-invalid]:focus-within .si-slot[data-next]{box-shadow:0 0 0 1px var(--danger)}.si-code:has(.si-code-input:read-only) .si-slot{opacity:.6}:root[data-calm] .si-popup{transition-duration:0s!important}:root[data-calm] :is(.si-stage,.si-body) *,:root[data-calm] :is(.si-stage,.si-body) :after{animation:none!important}:root[data-calm] .si-code:focus-within .si-slot[data-next]:not([data-filled]):after{opacity:1}
