.surface.svelte-vkuo92{isolation:isolate;border-radius:inherit;background-color:var(--blue);background-image:radial-gradient(ellipse 130% 120% at var(--glow), #fff 0%, #fff 9%, #f7fefd 17%, #ddfbf9 24%, #a5f2f5 31%, #71e5f8 36%, #4fcafa 42%, #3aa9fb 49%, #3499fd 55%, #449fff 65%, #74c0ff 77%, #d6edff 100%);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff9}.surface.svelte-vkuo92:before{content:"";background-color:var(--tone);mix-blend-mode:hue;position:absolute;inset:0}.gives.svelte-1fhog3x{--stage-h:clamp(26rem, calc(100svh - var(--nav-height) - 12rem), 40.375rem);--step:clamp(16rem, 44svh, 30rem);--edge:#0000001f;background-color:var(--surface-1)}.pin.svelte-1fhog3x{flex-direction:column;justify-content:center;gap:clamp(1.75rem,5svh,4.5rem);padding-block:clamp(3rem,6vw,5rem);display:flex}h2.svelte-1fhog3x{font-size:var(--text-4xl);text-align:center}.rule.svelte-1fhog3x{border-block:1px solid var(--line-2)}.tabs.svelte-1fhog3x{padding-block:1.25rem}.tab.svelte-1fhog3x{border-top:1px solid var(--edge);background-color:#ffffff47}.tab.svelte-1fhog3x:last-child{border-bottom:1px solid var(--edge)}.tab.svelte-1fhog3x[data-active=true]{background-color:var(--surface-raised)}h3.svelte-1fhog3x{font-size:1.1875rem;font-weight:var(--weight-medium);letter-spacing:0;line-height:1.05}button.svelte-1fhog3x{width:100%;font:inherit;font-family:var(--font-body);text-align:start;color:var(--ink-1);cursor:pointer;align-items:center;gap:.8rem;padding:1.3rem 1.25rem;display:flex}button.svelte-1fhog3x:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.drawer.svelte-1fhog3x{visibility:hidden;transition:grid-template-rows var(--duration-slow) var(--ease-out), visibility 0s var(--duration-slow);grid-template-rows:0fr;display:grid}[data-active=true].svelte-1fhog3x .drawer:where(.svelte-1fhog3x){visibility:visible;grid-template-rows:1fr;transition-delay:0s}.inner.svelte-1fhog3x{min-height:0;padding-inline:2.7rem 1.25rem;overflow:hidden}.inner.svelte-1fhog3x p:where(.svelte-1fhog3x){color:var(--ink-2);padding-bottom:1.25rem;line-height:1.58}.bar.svelte-1fhog3x{background-color:var(--line-2);border-radius:1px;width:7.5rem;height:2px;margin-bottom:1.5rem;display:none;overflow:hidden}[data-pinned=true].svelte-1fhog3x .bar:where(.svelte-1fhog3x){display:block}.fill.svelte-1fhog3x{background-color:var(--ink-1);height:100%;transform:scaleX(var(--progress));transform-origin:0;display:block}.panes.svelte-1fhog3x{margin:.75rem 0 1.25rem;display:grid}.pane.svelte-1fhog3x{aspect-ratio:358/430;border-radius:var(--radius-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-out), visibility 0s var(--duration-slow);grid-area:1/1;margin:0;overflow:hidden}.pane.svelte-1fhog3x[data-active=true]{opacity:1;visibility:visible;transition-delay:0s}.shot.svelte-1fhog3x{position:absolute;inset:0}@media (width>=30rem) and (width<64rem){.pane.svelte-1fhog3x{aspect-ratio:auto;height:26.875rem}}@media (width>=64rem){.pin.svelte-1fhog3x{padding-block:0}.stage.svelte-1fhog3x{height:var(--stage-h);border-inline:1px solid var(--line-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tabs.svelte-1fhog3x{filter:drop-shadow(-14.7px 14.7px 22.9px #18163105)drop-shadow(-59.6px 58.6px 41.7px #18163105)drop-shadow(-132.9px 131.9px 56.4px #18163103);align-self:center;padding-block:0}.panes.svelte-1fhog3x{border-inline-start:1px solid var(--line-2);margin:0}.pane.svelte-1fhog3x{aspect-ratio:auto;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out), visibility 0s var(--duration-slow);border-radius:0;transform:translateY(.75rem)}.pane.svelte-1fhog3x[data-active=true]{transform:none}}@media (width>=64rem) and (prefers-reduced-motion:no-preference){.track.svelte-1fhog3x{height:calc(var(--count) * var(--step) + 100svh - var(--nav-height))}.pin.svelte-1fhog3x{top:var(--nav-height);height:calc(100svh - var(--nav-height));position:sticky}}@media (prefers-reduced-motion:reduce){.drawer.svelte-1fhog3x,.pane.svelte-1fhog3x{transition:none}}.steps.svelte-2bovre{background-color:var(--white_-1);box-shadow:0 -1px 0 var(--line-1), 0 1px 0 var(--line-1);padding-block:clamp(3rem,7vw,7.25rem) 0}h2.svelte-2bovre{font-size:var(--text-3xl);margin-bottom:clamp(1.75rem,3vw,2.8rem)}.rule.svelte-2bovre{border-block:1px solid var(--line-2);margin-bottom:clamp(3rem,7vw,7.25rem)}ol.svelte-2bovre{counter-reset:step;gap:1.625rem;margin:0;padding:0;list-style:none;display:grid}li.svelte-2bovre{border-inline:1px solid var(--line-2);background-color:var(--surface-raised);counter-increment:step;flex-direction:column;gap:1.125rem;padding:.5625rem .625rem .75rem;display:flex}.tile.svelte-2bovre{aspect-ratio:1;border-radius:var(--window-radius);overflow:hidden}.shot.svelte-2bovre{position:absolute;inset:0}.caption.svelte-2bovre{padding-inline:.4375rem}h3.svelte-2bovre{font-size:1.25rem;font-weight:var(--weight-medium);letter-spacing:0;align-items:flex-start;gap:.5rem;line-height:1.05;display:flex}h3.svelte-2bovre:before{content:counter(step);border-radius:var(--radius-sm);background-color:var(--gray_6);width:1.5rem;height:1.5rem;font-size:.9375rem;font-weight:var(--weight-medium);flex:none;place-items:center;display:grid;box-shadow:inset 0 0 .2px 1px #00000008}p.svelte-2bovre{color:var(--ink-3);margin-top:.875rem;line-height:1.58}@media (width>=30rem) and (width<64rem){.tile.svelte-2bovre{aspect-ratio:auto;height:19.875rem}}@media (width>=64rem){ol.svelte-2bovre{grid-template-columns:repeat(3,minmax(0,1fr))}}