dialog.tutorial{--t-accent: var(--tutorial-accent, #2f5bea);--t-accent-ink: var(--tutorial-accent-ink, #fff);--t-ink: var(--tutorial-ink, #10141c);--t-muted: var(--tutorial-muted, #5b6472);--t-surface: var(--tutorial-surface, #fff);--t-stage: var(--tutorial-stage, #f3f5f9);--t-line: var(--tutorial-line, rgb(16 20 28 / .1));--t-radius: var(--tutorial-radius, 20px);width:min(780px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:var(--t-ink);font-family:var(--tutorial-font, inherit);overflow:visible}dialog.tutorial::backdrop{background:#080b12a3;backdrop-filter:blur(4px)}html.tutorial-open{overflow:hidden}.tutorial-card{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;max-height:calc(100dvh - 32px);overflow:hidden;border-radius:var(--t-radius);background:var(--t-surface);box-shadow:0 32px 90px #00000047}.tutorial-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 14px 10px 24px}.tutorial-heading{margin:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;color:var(--t-muted)}.tutorial-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:999px;background:transparent;color:var(--t-ink);cursor:pointer}.tutorial-icon svg{width:22px;height:22px}.tutorial-icon:hover{background:var(--t-stage)}.tutorial-icon:focus-visible,.tutorial-seg:focus-visible,.tutorial-cta:focus-visible,.tutorial-replay:focus-visible{outline:3px solid var(--t-accent);outline-offset:2px}.tutorial-progress{display:flex;gap:6px;padding:0 24px 14px}.tutorial-seg{flex:1;height:20px;padding:8px 0;border:0;background:none;cursor:pointer}.tutorial-seg span{position:relative;display:block;height:4px;overflow:hidden;border-radius:99px;background:var(--t-line)}.tutorial-seg span:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;border-radius:inherit;background:var(--t-accent)}.tutorial-seg.is-done span:after{transform:scaleX(1)}.tutorial-seg.is-current span:after{animation:tutorial-fill var(--tutorial-duration, 5.2s) linear forwards}dialog.tutorial.is-paused .tutorial-seg.is-current span:after,dialog.tutorial.is-paused .tutorial-stage *,dialog.tutorial.is-paused .tutorial-stage *:before,dialog.tutorial.is-paused .tutorial-stage *:after{animation-play-state:paused!important}@keyframes tutorial-fill{to{transform:scaleX(1)}}.tutorial-stage{position:relative;aspect-ratio:16 / 10;min-height:0;overflow:hidden;margin:0 24px;border:1px solid var(--t-line);border-radius:calc(var(--t-radius) - 6px);background:var(--t-stage);touch-action:pan-y;user-select:none}.tutorial-scene{position:absolute;inset:0;display:grid;place-items:center}.tutorial-scene>svg{display:block;width:100%;height:100%}.tutorial-caption{padding:18px 24px 4px}.tutorial-count{margin:0 0 4px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;color:var(--t-accent)}.tutorial-title{margin:0;font-family:var(--tutorial-display-font, inherit);font-size:24px;font-weight:700;line-height:1.25;color:var(--t-ink)}.tutorial-text{margin:6px 0 0;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;color:var(--t-muted)}.tutorial-controls{display:flex;align-items:center;gap:4px;padding:12px 16px 16px}.tutorial-spacer{flex:1}.tutorial-cta,.tutorial-replay{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-family:inherit;font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}.tutorial-cta{border:0;background:var(--t-accent);color:var(--t-accent-ink);visibility:hidden}dialog.tutorial.is-last .tutorial-cta{visibility:visible;animation:tutorial-cta-in .36s ease-out both}.tutorial-replay{border:1px solid var(--t-line);background:var(--t-surface);color:var(--t-ink)}.tutorial-replay svg{width:18px;height:18px}@keyframes tutorial-cta-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:640px){dialog.tutorial{width:100vw;height:100dvh;max-height:100dvh;margin:0}.tutorial-card{height:100dvh;max-height:100dvh;grid-template-rows:auto auto auto 1fr auto;border-radius:0}.tutorial-head{padding:10px 8px 6px 16px}.tutorial-progress{padding:0 16px 10px}.tutorial-stage{aspect-ratio:6 / 5;margin:0 16px}.tutorial-caption{padding:16px 16px 0}.tutorial-title{font-size:21px}.tutorial-controls{flex-wrap:wrap;padding:10px 12px calc(14px + env(safe-area-inset-bottom))}.tutorial-cta,.tutorial-replay{min-height:48px}dialog.tutorial.is-last .tutorial-cta{order:10;width:100%;margin-top:6px}}@media(prefers-reduced-motion:reduce){dialog.tutorial .tutorial-stage *,dialog.tutorial .tutorial-stage *:before,dialog.tutorial .tutorial-stage *:after,dialog.tutorial .tutorial-seg span:after,dialog.tutorial .tutorial-cta{animation:none!important;transition:none!important}dialog.tutorial .tutorial-seg.is-current span:after{transform:scaleX(1)}}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/caveat-latin-600-normal.zlTlWIYU.woff2) format("woff2"),url(/_astro/caveat-latin-600-normal.DUjB8dgm.woff) format("woff")}