.tut-head[data-astro-cid-4jybr3ia]{padding-bottom:8px}.tut-head[data-astro-cid-4jybr3ia] .h1[data-astro-cid-4jybr3ia]{max-width:16em}.tut-jump[data-astro-cid-4jybr3ia]{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tut[data-astro-cid-4jybr3ia]{padding-top:72px}.tut-intro[data-astro-cid-4jybr3ia]{max-width:46em;padding-top:40px}.tut-intro[data-astro-cid-4jybr3ia] .eyebrow[data-astro-cid-4jybr3ia]{margin:0 0 10px}.tut-intro[data-astro-cid-4jybr3ia] .h2[data-astro-cid-4jybr3ia]{margin:0 0 16px}.tut-lede[data-astro-cid-4jybr3ia]{color:var(--ink-2);max-width:46em;margin:0 0 12px;font-size:18px;line-height:1.6}.tut-need[data-astro-cid-4jybr3ia]{color:var(--muted);font-family:var(--sans);margin:0}.tut-need[data-astro-cid-4jybr3ia] b[data-astro-cid-4jybr3ia]{color:var(--ink-2);font-weight:500}.player[data-astro-cid-4jybr3ia]{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:32px;margin-top:32px;display:grid}.stage-frame[data-astro-cid-4jybr3ia]{aspect-ratio:16/10;background:#ece6dc;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #281c0f0d}.stage-frame[data-astro-cid-4jybr3ia] canvas[data-astro-cid-4jybr3ia]{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-bar[data-astro-cid-4jybr3ia]{cursor:pointer;touch-action:none;background:#1f2a261a;height:4px;transition:height .15s;position:absolute;bottom:0;left:0;right:0}.stage-bar[data-astro-cid-4jybr3ia]:before{content:"";height:22px;position:absolute;bottom:0;left:0;right:0}.stage-bar[data-astro-cid-4jybr3ia]:hover,.stage-bar[data-astro-cid-4jybr3ia].seeking{height:8px}.stage-bar[data-astro-cid-4jybr3ia] i[data-astro-cid-4jybr3ia]{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.stage-bar[data-astro-cid-4jybr3ia] b[data-astro-cid-4jybr3ia]{pointer-events:none;background:#fffdf9e6;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.stage-bar[data-astro-cid-4jybr3ia]{transition:none}}.player-controls[data-astro-cid-4jybr3ia]{font-family:var(--sans);align-items:center;gap:6px;margin-top:12px;display:flex}.pc[data-astro-cid-4jybr3ia]{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:var(--surface);border-radius:50%;place-items:center;display:inline-grid}.pc[data-astro-cid-4jybr3ia]:hover{border-color:var(--ink)}.pc-play[data-astro-cid-4jybr3ia]{background:var(--ink);width:46px;height:46px;color:var(--bg);border-color:var(--ink)}.pc-play[data-astro-cid-4jybr3ia]:hover{background:var(--accent);border-color:var(--accent)}.pc-play[data-astro-cid-4jybr3ia] svg[data-astro-cid-4jybr3ia]{display:none}.pc-play[data-astro-cid-4jybr3ia][data-state=play] .i-play[data-astro-cid-4jybr3ia],.pc-play[data-astro-cid-4jybr3ia][data-state=pause] .i-pause[data-astro-cid-4jybr3ia],.pc-play[data-astro-cid-4jybr3ia][data-state=replay] .i-replay[data-astro-cid-4jybr3ia]{display:block}.pc-text[data-astro-cid-4jybr3ia]{border-radius:999px;width:auto;padding:0 14px;font-size:14px}.pc-count[data-astro-cid-4jybr3ia]{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 auto 0 8px}.pc-text[data-astro-cid-4jybr3ia][data-act=speed]{min-width:56px}.player-caption[data-astro-cid-4jybr3ia]{background:var(--surface);color:var(--ink-2);border-radius:3px;margin:14px 0 0;padding:14px 16px;line-height:1.55}.player-caption[data-astro-cid-4jybr3ia] p[data-astro-cid-4jybr3ia]{margin:0}.player-caption[data-astro-cid-4jybr3ia] b[data-astro-cid-4jybr3ia]{color:var(--ink);font-weight:500}.player-steps[data-astro-cid-4jybr3ia]{border-top:1px solid var(--line);counter-reset:none;margin:0;padding:0;list-style:none}.player-steps[data-astro-cid-4jybr3ia] li[data-astro-cid-4jybr3ia]{border-bottom:1px solid var(--line)}.player-steps[data-astro-cid-4jybr3ia] button[data-astro-cid-4jybr3ia]{text-align:left;width:100%;color:var(--ink-2);font:inherit;background:0 0;grid-template-columns:30px 1fr;gap:10px;padding:12px 4px;display:grid}.player-steps[data-astro-cid-4jybr3ia] button[data-astro-cid-4jybr3ia]:hover .ps-title[data-astro-cid-4jybr3ia]{color:var(--ink)}.ps-n[data-astro-cid-4jybr3ia]{border:1px solid var(--line-2);width:26px;height:26px;font-family:var(--sans);color:var(--muted);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.ps-title[data-astro-cid-4jybr3ia]{font-family:var(--serif);color:var(--ink-2);font-size:19px;line-height:1.3;display:block}.ps-text[data-astro-cid-4jybr3ia]{color:var(--ink-2);margin-top:6px;font-size:15.5px;line-height:1.5;display:none}.player-steps[data-astro-cid-4jybr3ia] .is-done[data-astro-cid-4jybr3ia] .ps-n[data-astro-cid-4jybr3ia]{background:var(--surface-3);color:var(--ink-2)}.player-steps[data-astro-cid-4jybr3ia] .is-now[data-astro-cid-4jybr3ia] .ps-n[data-astro-cid-4jybr3ia]{background:var(--accent);border-color:var(--accent);color:#fff}.player-steps[data-astro-cid-4jybr3ia] .is-now[data-astro-cid-4jybr3ia] .ps-title[data-astro-cid-4jybr3ia]{color:var(--ink)}.tut-notes[data-astro-cid-4jybr3ia]{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;display:grid}.tut-notes[data-astro-cid-4jybr3ia] h3[data-astro-cid-4jybr3ia]{font-family:var(--serif);margin:0 0 10px;font-size:21px;font-weight:400}.tut-notes[data-astro-cid-4jybr3ia] ul[data-astro-cid-4jybr3ia]{color:var(--ink-2);margin:0;padding-left:18px}.tut-notes[data-astro-cid-4jybr3ia] li[data-astro-cid-4jybr3ia]{margin-bottom:8px;line-height:1.5}.tut-cta[data-astro-cid-4jybr3ia]{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.choose[data-astro-cid-4jybr3ia] .h2[data-astro-cid-4jybr3ia]{margin:40px 0 14px}.compare[data-astro-cid-4jybr3ia]{border-collapse:collapse;width:100%;margin-top:20px;font-size:16px}.compare[data-astro-cid-4jybr3ia] th[data-astro-cid-4jybr3ia],.compare[data-astro-cid-4jybr3ia] td[data-astro-cid-4jybr3ia]{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px 12px 0}.compare[data-astro-cid-4jybr3ia] thead[data-astro-cid-4jybr3ia] th[data-astro-cid-4jybr3ia]{font-family:var(--serif);font-size:20px;font-weight:400}.compare[data-astro-cid-4jybr3ia] tbody[data-astro-cid-4jybr3ia] th[data-astro-cid-4jybr3ia]{font-family:var(--sans);color:var(--muted);white-space:nowrap;font-size:14px;font-weight:500}.compare[data-astro-cid-4jybr3ia] td[data-astro-cid-4jybr3ia]{color:var(--ink-2)}.choose-foot[data-astro-cid-4jybr3ia]{color:var(--ink-2);margin-top:18px}@media (width<=1000px){.player[data-astro-cid-4jybr3ia]{grid-template-columns:1fr;gap:18px}.player-steps[data-astro-cid-4jybr3ia] .ps-text[data-astro-cid-4jybr3ia]{display:none!important}.tut-notes[data-astro-cid-4jybr3ia]{grid-template-columns:1fr 1fr}}@media (width<=640px){.tut[data-astro-cid-4jybr3ia]{padding-top:56px}.tut-notes[data-astro-cid-4jybr3ia]{grid-template-columns:1fr;gap:24px}.pc-text[data-astro-cid-4jybr3ia][data-act=restart]{display:none}.player-caption[data-astro-cid-4jybr3ia]{font-size:16px}}