@layer components{.island-story{--story-delay:1.25s;--story-dur:3.6s}.island-slots{container-type:inline-size}.island-halo{z-index:10;pointer-events:none;opacity:0;background:#ffffff59;border:1.5px solid #041d2b73;border-radius:999px;width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px -10px #041d2b73}.island-halo:after{content:"";background:var(--ink);border-radius:999px;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;position:absolute;inset:50% auto auto 50%}.island-halo,.island-slot,.island-time-empty,.island-time-picked,.island-cta,.island-done{animation-duration:var(--story-dur);animation-delay:var(--story-delay);animation-fill-mode:both;animation-timing-function:var(--ease-out-expo)}.island-halo{animation-name:island-halo;animation-timing-function:cubic-bezier(.65,0,.35,1)}.island-slot{animation-name:island-slot}.island-time-empty{animation-name:island-out}.island-time-picked{animation-name:island-in}.island-cta{animation-name:island-cta}.island-done{animation-name:island-done}@media (prefers-reduced-motion:reduce){.island-story :is(.island-halo,.island-slot,.island-time-empty,.island-time-picked,.island-cta,.island-done){animation-delay:0s!important}}@keyframes island-halo{0%{opacity:0;translate:6.5rem 6rem;scale:1.15}12%{opacity:1}32%{translate:0;scale:1}37%{translate:0;scale:.78}43%{translate:0;scale:1}64%{translate:calc(50cqw - 4.25rem) calc(8rem + 1px);scale:1}69%{scale:.78}75%{opacity:1;scale:1}86%,to{opacity:0;translate:calc(50cqw - 4.25rem) calc(8rem + 1px);scale:1}}@keyframes island-slot{0%,36%{border-color:var(--line);background-color:var(--surface);color:var(--ink);scale:1}39%{scale:.94}45%{border-color:var(--action);background-color:var(--action);color:#fff;scale:1.04}54%,to{border-color:var(--action);background-color:var(--action);color:#fff;scale:1}}@keyframes island-out{0%,36%{opacity:1}42%,to{opacity:0}}@keyframes island-in{0%,38%{opacity:0;translate:0 .35em}48%,to{opacity:1;translate:0}}@keyframes island-cta{0%,38%{background-color:var(--sunken);color:var(--ink-3);scale:1}46%,66%{background-color:var(--action);color:#fff;scale:1}70%{scale:.95}76%,to{background-color:var(--action);color:#fff;scale:1}}@keyframes island-done{0%,74%{opacity:0;animation-timing-function:var(--ease-spring);translate:0 1rem;scale:.94}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.scroll-ring-text{animation:linear both ring-turn;animation-timeline:view();animation-range:cover}}}@keyframes ring-turn{to{transform:rotate(200deg)}}}
@layer components{.step-copy :is(h3,p){transition:color var(--dur-3) ease}@media (min-width:64rem){.step-copy:not([data-active]) :is(h3,p){color:var(--ink-3)}}.step-slide{transition:opacity var(--dur-4) var(--ease-out-expo), translate var(--dur-4) var(--ease-out-expo), filter var(--dur-4) var(--ease-out-expo)}.step-slide:not([data-pos=active]){opacity:0;filter:blur(4px)}.step-slide[data-pos=before]{translate:0 -1.5rem}.step-slide[data-pos=after]{translate:0 1.5rem}@media (prefers-reduced-motion:no-preference){html[data-motion] .step-screen .step-in{transition:opacity var(--dur-3) var(--ease-out-expo), translate var(--dur-3) var(--ease-out-expo);transition-delay:calc(var(--i,0) * 90ms + .14s)}html[data-motion] .step-screen:not([data-active]) .step-in{opacity:0;translate:0 .75rem}html[data-motion] .step-screen .step-pick{transition:background-color var(--dur-2) ease, border-color var(--dur-2) ease, color var(--dur-2) ease;transition-delay:.65s}html[data-motion] .step-screen:not([data-active]) .step-pick{border-color:var(--line);background-color:var(--surface);color:var(--ink)}.step-check path{stroke-dasharray:32;stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-4) var(--ease-out-expo) .25s}html[data-motion] .step-screen:not([data-active]) .step-check path{stroke-dashoffset:32px}.step-screen[data-active] .step-caret{animation:1s step-end 3 caret-blink}}@keyframes caret-blink{50%{opacity:0}}}