.fD-mWa_section{--walkthrough-track-height:calc(100svh - var(--landing-header-height));height:calc(4 * var(--walkthrough-track-height));view-timeline:--steps block;view-timeline-inset:var(--landing-header-height) 0px;position:relative}@media (max-height:500px){.fD-mWa_section{height:42rem}}.fD-mWa_stage{top:var(--landing-header-height);height:var(--walkthrough-track-height);background:var(--free-zone);flex-direction:column;align-items:center;gap:1rem;max-width:80rem;margin-inline:auto;padding:1rem;display:flex;position:sticky;container-type:size}@media (min-width:64rem){.fD-mWa_stage{flex-direction:row;justify-content:center;gap:0;padding:2rem}}.fD-mWa_introColumn{flex-direction:column;flex-shrink:0;gap:1rem;width:min(22rem,100%);display:flex}@media (min-width:64rem){.fD-mWa_introColumn{flex:0 34rem;gap:3rem;width:auto;min-width:0;padding-inline-end:2rem}}.fD-mWa_captions{display:grid;position:relative}.fD-mWa_field{min-height:0;width:min(100%, var(--court-max-width));background:var(--court);border-inline:var(--court-line-width) solid var(--court-line);flex-direction:column;flex:1 1 0;align-items:center;padding:.75rem .5rem;display:flex;position:relative;overflow:clip}.fD-mWa_field:before,.fD-mWa_field:after{content:"";position:absolute;translate:0 -50%}.fD-mWa_field:before{inset-inline:0;top:var(--walkthrough-attack-line-y,30%);border-top:var(--court-line-width) solid var(--court-line)}.fD-mWa_field:after{inset-inline:calc(var(--court-line-width) * -1);top:var(--walkthrough-attack-line-y,30%);aspect-ratio:3;border-bottom:var(--court-line-width) solid var(--court-line);translate:0 calc(var(--court-line-width) / 2)}.fD-mWa_frame{--walkthrough-zoom:1;z-index:2;zoom:var(--walkthrough-zoom);flex:none;width:23rem;height:100%;position:relative}@media (max-width:63.99rem){@container (max-height:51rem){.fD-mWa_frame{--walkthrough-zoom:.85}}@container (max-height:46rem){.fD-mWa_frame{--walkthrough-zoom:.72}}@container (max-height:41rem){.fD-mWa_frame{--walkthrough-zoom:.6}}@container (max-height:36rem){.fD-mWa_frame{--walkthrough-zoom:.5}}@container (max-height:33rem){.fD-mWa_frame{--walkthrough-zoom:.42}}}@media (min-width:64rem){.fD-mWa_field{flex:none;align-self:stretch;width:37rem;margin-block:-2rem;padding:2rem 7rem}@container (max-height:44rem){.fD-mWa_frame{--walkthrough-zoom:.85}}@container (max-height:39rem){.fD-mWa_frame{--walkthrough-zoom:.72}}}.fD-mWa_stepRails{pointer-events:none;position:absolute;inset:0}.fD-mWa_stepRail{height:var(--walkthrough-track-height)}.fD-mWa_stepRails>.fD-mWa_stepRail{scroll-snap-align:start;scroll-snap-stop:always}.fD-mWa_stepSwitches{inset-inline:0;top:calc(var(--landing-header-height) / -2);pointer-events:none;position:absolute}.fD-mWa_fingerDot{--finger-dot-rest-scale:.5;z-index:3;pointer-events:none;width:0;height:0;display:none;position:absolute;top:0;left:0}.fD-mWa_fingerDotCore,.fD-mWa_fingerDotRing{border-radius:50%;width:1.75rem;height:1.75rem;margin:-.875rem 0 0 -.875rem;position:absolute}.fD-mWa_fingerDotCore{background:#fff;box-shadow:0 2px 6px #00000059,0 0 0 1px #00000014}.fD-mWa_fingerDotRing{opacity:0;border:3px solid #fff;box-shadow:0 0 0 1px #0000001f}@supports (animation-timeline:view()){.fD-mWa_section[data-has-finger-dot] .fD-mWa_fingerDot{animation:linear both fD-mWa_finger-dot-path;animation-timeline:--steps;animation-range:contain;display:block}.fD-mWa_section[data-has-finger-dot] .fD-mWa_fingerDotCore{animation:linear both fD-mWa_finger-dot-press;animation-timeline:--steps;animation-range:contain}.fD-mWa_section[data-has-finger-dot] .fD-mWa_fingerDotRing{animation:linear both fD-mWa_finger-dot-ring;animation-timeline:--steps;animation-range:contain}}@keyframes fD-mWa_finger-dot-path{0%{transform:translate(var(--finger-dot-start-x), var(--finger-dot-start-y))}13.333%,33.333%{transform:translate(var(--finger-dot-tap-1-x), var(--finger-dot-tap-1-y))}46.667%,66.667%{transform:translate(var(--finger-dot-tap-2-x), var(--finger-dot-tap-2-y))}80%,to{transform:translate(var(--finger-dot-tap-3-x), var(--finger-dot-tap-3-y))}}@keyframes fD-mWa_finger-dot-press{0%{transform:scale(.6)}20%,33.333%,53.333%,66.667%,86.667%,to{transform:scale(var(--finger-dot-rest-scale))}13.333%,15%,46.667%,48.333%,80%,81.667%{transform:scale(1)}16.667%,50%,83.333%{transform:scale(.72)}}@keyframes fD-mWa_finger-dot-ring{0%,15%,48.333%,81.667%{opacity:0;transform:scale(.7)}16.667%,50%,83.333%{opacity:.95;transform:scale(1)}21%,54.333%,87.667%,to{opacity:0;transform:scale(2.4)}}.fD-mWa_caption{--caption-fade-out-duration:.18s;--caption-fade-in-delay:.2s;opacity:0;transition:opacity var(--caption-fade-out-duration) ease-out;grid-area:1/1}.fD-mWa_section[data-step="0"] .fD-mWa_caption:first-child,.fD-mWa_section[data-step="1"] .fD-mWa_caption:nth-child(2),.fD-mWa_section[data-step="2"] .fD-mWa_caption:nth-child(3),.fD-mWa_section[data-step="3"] .fD-mWa_caption:nth-child(4){opacity:1;transition-delay:var(--caption-fade-in-delay)}@media (prefers-reduced-motion:reduce){.fD-mWa_caption{transition:none}.fD-mWa_frame *,.fD-mWa_frame :before,.fD-mWa_frame :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-height:500px){.fD-mWa_stage{flex-direction:row;justify-content:center;gap:2rem;height:100%;padding-block:3rem;position:static}.fD-mWa_captions{flex-direction:column;gap:1.5rem;display:flex}.fD-mWa_stepRails,.fD-mWa_stepSwitches{display:none!important}.fD-mWa_caption{opacity:1!important;transition:none!important}}@media (min-width:64rem) and (min-height:500.02px){.fD-mWa_section{overflow-x:clip}.fD-mWa_captions:before{content:"";border-top:var(--court-line-width) dashed var(--court-line);width:50vw;position:absolute;top:3rem;right:100%;translate:0 -50%}}:is(.fD-mWa_frame [class*=slide-in-from]>.auto-rows-fr>:nth-child(n+4),.fD-mWa_frame [class*=slide-in-from]>.grid-cols-2>:nth-child(n+5)){display:none}
