.tutorial-cards-module__AtDwBa__deck{--w:min(84cqw,21rem);gap:var(--sc-space-3);min-width:0;display:grid;container-type:inline-size}.tutorial-cards-module__AtDwBa__deck[data-variant=sheet]{padding:var(--sc-space-2) 0 calc(var(--sc-space-4) + var(--sc-safe-bottom))}.tutorial-cards-module__AtDwBa__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tutorial-cards-module__AtDwBa__head{justify-content:space-between;align-items:center;gap:var(--sc-space-3);display:flex}.tutorial-cards-module__AtDwBa__head h2{font-size:var(--sc-type-body-strong-size);line-height:var(--sc-type-heading-line);font-weight:var(--sc-type-heading-weight);margin:0}.tutorial-cards-module__AtDwBa__close{color:var(--sc-color-text-secondary);transition:transform var(--sc-motion-standard) var(--sc-motion-spring)}.tutorial-cards-module__AtDwBa__close:active{transform:scale(var(--sc-motion-press-scale))}.tutorial-cards-module__AtDwBa__close:focus-visible{opacity:.72;outline:none}.tutorial-cards-module__AtDwBa__track{align-items:stretch;gap:var(--sc-space-3);padding:var(--sc-space-2) calc((100cqw - var(--w)) / 2) var(--sc-space-2);margin-inline:calc(var(--sc-space-1) * -1);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;position:relative;overflow:auto hidden}.tutorial-cards-module__AtDwBa__track::-webkit-scrollbar{display:none}.tutorial-cards-module__AtDwBa__track:focus-visible{outline:none}.tutorial-cards-module__AtDwBa__card{--soft:var(--sc-color-sage-soft);--ink:var(--sc-color-sage);--vivid:var(--sc-color-sage-vivid);flex:0 0 var(--w);align-content:start;justify-items:start;gap:var(--sc-space-3);min-inline-size:0;padding:var(--sc-space-6) var(--sc-space-5) var(--sc-space-5);isolation:isolate;border-radius:var(--sc-radius-card);background:linear-gradient(160deg,var(--soft),color-mix(in srgb,var(--soft) 40%,var(--sc-color-surface)));scroll-snap-align:center;scroll-snap-stop:always;opacity:.7;transition:transform var(--sc-motion-reveal) var(--sc-motion-spring),opacity var(--sc-motion-reveal) var(--sc-motion-ease);display:grid;position:relative;overflow:hidden;transform:scale(.94)}.tutorial-cards-module__AtDwBa__card[data-tone=blue]{--soft:var(--sc-color-blue-soft);--ink:var(--sc-color-blue);--vivid:var(--sc-color-blue)}.tutorial-cards-module__AtDwBa__card[data-tone=honey]{--soft:var(--sc-color-honey-soft);--ink:var(--sc-color-honey);--vivid:var(--sc-color-honey-vivid)}.tutorial-cards-module__AtDwBa__card[data-tone=clay]{--soft:var(--sc-color-clay-soft);--ink:var(--sc-color-clay);--vivid:var(--sc-color-clay-vivid)}.tutorial-cards-module__AtDwBa__card[data-active]{opacity:1;transform:none}.tutorial-cards-module__AtDwBa__card h3{font-size:var(--sc-type-heading-size);line-height:var(--sc-type-heading-line);overflow-wrap:anywhere;margin:0;font-weight:800}.tutorial-cards-module__AtDwBa__card p{color:var(--sc-color-text-secondary);font-size:var(--sc-type-body-size);line-height:var(--sc-type-body-line);overflow-wrap:anywhere;margin:0}.tutorial-cards-module__AtDwBa__step{z-index:-1;color:color-mix(in srgb,var(--ink) 16%,transparent);font-size:var(--sc-type-brand-display-size);font-variant-numeric:tabular-nums;letter-spacing:-.04em;transition:transform var(--sc-motion-scene) var(--sc-motion-landing-ease);font-weight:800;line-height:1;position:absolute;inset-block-start:var(--sc-space-3);inset-inline-end:var(--sc-space-4)}.tutorial-cards-module__AtDwBa__card:not([data-active]) .tutorial-cards-module__AtDwBa__step{transform:translateX(var(--sc-space-4))}.tutorial-cards-module__AtDwBa__art{block-size:92px;inline-size:92px;place-items:center;margin-block-end:var(--sc-space-1);display:grid;position:relative}.tutorial-cards-module__AtDwBa__art[data-image]{block-size:132px;inline-size:100%}.tutorial-cards-module__AtDwBa__artImage{object-fit:contain;object-position:center;block-size:100%;inline-size:100%}.tutorial-cards-module__AtDwBa__orb{border-radius:var(--sc-radius-pill);background:color-mix(in srgb,var(--vivid) 18%,transparent);position:absolute;inset:0}.tutorial-cards-module__AtDwBa__orb:after{content:"";inset:calc(var(--sc-space-2) * -1);border:1px dashed color-mix(in srgb,var(--ink) 34%,transparent);border-radius:var(--sc-radius-pill);position:absolute}.tutorial-cards-module__AtDwBa__tile{border-radius:var(--sc-radius-control);background:var(--sc-color-surface);block-size:60px;inline-size:60px;color:var(--ink);box-shadow:var(--sc-shadow-raised);place-items:center;display:grid;position:relative}.tutorial-cards-module__AtDwBa__action{align-items:center;gap:var(--sc-space-2);min-block-size:var(--sc-size-tap);padding:0 var(--sc-space-5);border-radius:var(--sc-radius-pill);background:var(--sc-color-surface);color:var(--ink);font-weight:var(--sc-type-title-weight);box-shadow:var(--sc-shadow-raised);transition:transform var(--sc-motion-fast) var(--sc-motion-spring);margin-block-start:var(--sc-space-1);text-decoration:none;display:inline-flex}.tutorial-cards-module__AtDwBa__action svg{transition:transform var(--sc-motion-standard) var(--sc-motion-spring)}.tutorial-cards-module__AtDwBa__action:hover svg,.tutorial-cards-module__AtDwBa__action:focus-visible svg{transform:translate(3px)}.tutorial-cards-module__AtDwBa__action:active{transform:scale(var(--sc-motion-press-scale))}.tutorial-cards-module__AtDwBa__action:focus-visible{opacity:.72;outline:none}.tutorial-cards-module__AtDwBa__controls{justify-content:space-between;align-items:center;gap:var(--sc-space-3);display:flex}.tutorial-cards-module__AtDwBa__dots{align-items:center;display:flex}.tutorial-cards-module__AtDwBa__dot{inline-size:28px;block-size:var(--sc-size-tap);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.tutorial-cards-module__AtDwBa__dot:after{content:"";border-radius:var(--sc-radius-pill);background:color-mix(in srgb,var(--sc-color-text) 22%,transparent);block-size:8px;inline-size:8px;transition:inline-size var(--sc-motion-reveal) var(--sc-motion-spring),background-color var(--sc-motion-standard) var(--sc-motion-ease);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.tutorial-cards-module__AtDwBa__dot[aria-current]:after{background:var(--sc-color-text);inline-size:24px}.tutorial-cards-module__AtDwBa__dot:active:after{transform:translate(-50%,-50%) scale(var(--sc-motion-press-scale))}.tutorial-cards-module__AtDwBa__dot:focus-visible{opacity:.72;outline:none}.tutorial-cards-module__AtDwBa__steps{align-items:center;gap:var(--sc-space-2);display:inline-flex}.tutorial-cards-module__AtDwBa__prev{inline-size:var(--sc-size-tap);block-size:var(--sc-size-tap);border-radius:var(--sc-radius-pill);background:var(--sc-color-surface-subtle);color:var(--sc-color-text);cursor:pointer;transition:transform var(--sc-motion-fast) var(--sc-motion-spring);border:0;place-items:center;padding:0;display:grid}.tutorial-cards-module__AtDwBa__prev:active{transform:scale(var(--sc-motion-press-scale))}.tutorial-cards-module__AtDwBa__prev:focus-visible{opacity:.72;outline:none}.tutorial-cards-module__AtDwBa__flip{display:grid;transform:scaleX(-1)}.tutorial-cards-module__AtDwBa__next{align-items:center;gap:var(--sc-space-2);min-block-size:var(--sc-size-tap);padding:0 var(--sc-space-5);border-radius:var(--sc-radius-pill);background:var(--sc-color-text);color:var(--sc-color-text-inverse);font:inherit;font-weight:var(--sc-type-title-weight);cursor:pointer;transition:transform var(--sc-motion-fast) var(--sc-motion-spring);border:0;display:inline-flex}.tutorial-cards-module__AtDwBa__next:active{transform:scale(var(--sc-motion-press-scale))}.tutorial-cards-module__AtDwBa__next:focus-visible{opacity:.72;outline:none}@media (prefers-reduced-motion:no-preference){.tutorial-cards-module__AtDwBa__deck{animation:tutorial-cards-module__AtDwBa__rise var(--sc-motion-reveal) var(--sc-motion-spring) backwards}.tutorial-cards-module__AtDwBa__card{animation:tutorial-cards-module__AtDwBa__card-in var(--sc-motion-reveal) var(--sc-motion-spring) backwards;animation-delay:calc(var(--i) * 90ms + 80ms)}.tutorial-cards-module__AtDwBa__card[data-active] .tutorial-cards-module__AtDwBa__tile{animation:tutorial-cards-module__AtDwBa__tile-pop var(--sc-motion-reveal) var(--sc-motion-spring) backwards,tutorial-cards-module__AtDwBa__bob 4.2s var(--sc-motion-ease) .5s infinite}.tutorial-cards-module__AtDwBa__card[data-active] .tutorial-cards-module__AtDwBa__orb:after{animation:24s linear infinite tutorial-cards-module__AtDwBa__orbit}.tutorial-cards-module__AtDwBa__next:not([data-done]) svg{animation:tutorial-cards-module__AtDwBa__nudge 1.8s var(--sc-motion-ease) 1.2s infinite}.tutorial-cards-module__AtDwBa__next[data-done]{animation:tutorial-cards-module__AtDwBa__pulse-in var(--sc-motion-reveal) var(--sc-motion-spring) backwards}}@keyframes tutorial-cards-module__AtDwBa__rise{0%{opacity:0;transform:translateY(12px)}}@keyframes tutorial-cards-module__AtDwBa__card-in{0%{opacity:0;transform:translate(28px)scale(.92)}}@keyframes tutorial-cards-module__AtDwBa__tile-pop{0%{opacity:0;transform:translateY(8px)scale(.6)rotate(-8deg)}}@keyframes tutorial-cards-module__AtDwBa__bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tutorial-cards-module__AtDwBa__orbit{to{transform:rotate(360deg)}}@keyframes tutorial-cards-module__AtDwBa__nudge{0%,60%,to{transform:translate(0)}30%{transform:translate(4px)}}@keyframes tutorial-cards-module__AtDwBa__pulse-in{0%{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.tutorial-cards-module__AtDwBa__card,.tutorial-cards-module__AtDwBa__step,.tutorial-cards-module__AtDwBa__dot:after,.tutorial-cards-module__AtDwBa__close,.tutorial-cards-module__AtDwBa__action,.tutorial-cards-module__AtDwBa__action svg,.tutorial-cards-module__AtDwBa__next,.tutorial-cards-module__AtDwBa__prev{transition:none}}
.zone-tabs-hold-module__ONcO4q__hold{min-block-size:calc(var(--sc-size-tap) + var(--sc-space-2) + 2px);margin-block:0 var(--sc-space-1);border:1px solid color-mix(in srgb,var(--sc-color-border) 60%,transparent);border-radius:var(--sc-radius-pill);background:var(--sc-color-surface-subtle)}@media (min-width:768px){.zone-tabs-hold-module__ONcO4q__hold{inline-size:calc(var(--sc-space-20) * 5.3);justify-self:start}}