.walkthrough:where(.astro-ezrx4mnr){border:1px solid var(--sl-color-hairline-light);border-radius:var(--sd-radius-leaf) 0;background:var(--sl-color-bg);box-shadow:var(--sd-shadow-sm);margin-top:1.5rem;overflow:hidden}.walkthrough-video:where(.astro-ezrx4mnr){aspect-ratio:16/10;background:var(--sd-dark-blue);width:100%;display:block}.walkthrough-missing:where(.astro-ezrx4mnr){text-align:center;color:var(--sl-color-gray-3);background:var(--sl-color-gray-6);margin:0;padding:2.5rem 1.25rem}.walkthrough-instructions:where(.astro-ezrx4mnr){border-top:1px solid var(--sl-color-hairline-light);margin:0;padding:0;list-style:none}.walkthrough-lightbox:where(.astro-ezrx4mnr){border-radius:var(--sd-radius-leaf) 0;width:min(92vw,68rem);max-height:92vh;color:var(--sl-color-white);background:var(--sl-color-bg);box-shadow:var(--sd-shadow-card);border:none;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.walkthrough-lightbox:where(.astro-ezrx4mnr)[open]{flex-direction:column;animation:.18s ease-out walkthrough-lightbox-in;display:flex}.walkthrough-lightbox:where(.astro-ezrx4mnr)::backdrop{backdrop-filter:blur(2px);background:#14435bb3}.walkthrough-lightbox-header:where(.astro-ezrx4mnr){border-bottom:1px solid var(--sl-color-gray-5);align-items:center;gap:.75rem;padding:.625rem .625rem .625rem 1rem;display:flex}.walkthrough-lightbox-number:where(.astro-ezrx4mnr){border-radius:var(--sd-radius-sm);text-transform:uppercase;color:var(--sd-dark-blue);background:var(--sd-yellow);flex:none;padding:.25rem .375rem;font-size:.75rem;font-weight:600;line-height:1}.walkthrough-lightbox-caption:where(.astro-ezrx4mnr){min-width:0;font-size:var(--sl-text-sm);flex:1}.walkthrough-lightbox-caption:where(.astro-ezrx4mnr) p,.walkthrough-lightbox:where(.astro-ezrx4mnr) form:where(.astro-ezrx4mnr){margin:0}.walkthrough-lightbox-close:where(.astro-ezrx4mnr){border-radius:var(--sd-radius-sm);cursor:pointer;width:2rem;height:2rem;color:var(--sl-color-gray-2);background:0 0;border:none;place-items:center;font-size:1.375rem;line-height:1;display:grid}.walkthrough-lightbox-close:where(.astro-ezrx4mnr):hover{color:var(--sl-color-white);background:var(--sl-color-gray-6)}.walkthrough-lightbox-body:where(.astro-ezrx4mnr){background:var(--sl-color-gray-6);min-height:0;padding:.75rem}.walkthrough-lightbox-body:where(.astro-ezrx4mnr) img:where(.astro-ezrx4mnr){object-fit:contain;border-radius:var(--sd-radius-sm);width:100%;height:100%;max-height:calc(92vh - 5rem);box-shadow:var(--sl-shadow-sm);display:block}@keyframes walkthrough-lightbox-in{0%{opacity:0;transform:scale(.97)}}.walkthrough-instruction:where(.astro-oq42t4vn){grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:background-color .15s;display:grid;position:relative}.walkthrough-instruction:where(.astro-oq42t4vn)+.walkthrough-instruction:where(.astro-oq42t4vn){border-top:1px solid var(--sl-color-hairline-light)}.walkthrough-instruction:where(.astro-oq42t4vn)[data-seekable]{cursor:pointer}.walkthrough-instruction:where(.astro-oq42t4vn)[data-seekable]:hover{background:color-mix(in srgb, var(--sd-tint) 60%, transparent)}.walkthrough-instruction:where(.astro-oq42t4vn)[data-state=active]{background:var(--sd-tint)}.walkthrough-instruction:where(.astro-oq42t4vn)[data-state=active]:before{content:"";background:var(--sd-yellow);width:4px;position:absolute;inset:0 auto 0 0}.walkthrough-marker:where(.astro-oq42t4vn){width:1.75rem;height:1.75rem;font-size:var(--sl-text-xs);color:var(--sl-color-white);background:var(--sl-color-bg);box-shadow:inset 0 0 0 2px var(--sl-color-gray-5);border-radius:50%;place-items:center;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s;display:grid}.walkthrough-marker:where(.astro-oq42t4vn)>:where(.astro-oq42t4vn){grid-area:1/1}.walkthrough-check:where(.astro-oq42t4vn){display:none}:where(.astro-oq42t4vn)[data-state=active] .walkthrough-marker:where(.astro-oq42t4vn){color:var(--sd-dark-blue);background:var(--sd-yellow);box-shadow:none}:where(.astro-oq42t4vn)[data-state=done] .walkthrough-marker:where(.astro-oq42t4vn){color:var(--sl-color-white);background:var(--sl-color-bg);box-shadow:inset 0 0 0 2px var(--sl-color-white)}:where(.astro-oq42t4vn)[data-state=done] .walkthrough-number:where(.astro-oq42t4vn){display:none}:where(.astro-oq42t4vn)[data-state=done] .walkthrough-check:where(.astro-oq42t4vn){display:block}.walkthrough-text:where(.astro-oq42t4vn){color:var(--sl-color-gray-1);line-height:1.55}.walkthrough-text:where(.astro-oq42t4vn) p{margin:0}.walkthrough-text:where(.astro-oq42t4vn) p+p{margin-top:.375rem}.walkthrough-text:where(.astro-oq42t4vn) strong{color:var(--sl-color-white);font-weight:700}.walkthrough-aside:where(.astro-oq42t4vn){align-items:center;gap:.625rem;display:flex}.walkthrough-seek:where(.astro-oq42t4vn){border:1px solid var(--sl-color-gray-5);border-radius:var(--sd-radius-sm);font:inherit;font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;color:var(--sl-color-gray-2);background:var(--sl-color-bg);cursor:pointer;align-items:center;gap:.3125rem;padding:.1875rem .5rem;font-weight:600;display:inline-flex}.walkthrough-seek:where(.astro-oq42t4vn):hover,:where(.astro-oq42t4vn)[data-state=active] .walkthrough-seek:where(.astro-oq42t4vn){border-color:var(--sl-color-accent);color:var(--sl-color-text-accent)}.walkthrough-shot:where(.astro-oq42t4vn){border:1px solid var(--sl-color-hairline-light);cursor:zoom-in;background:var(--sl-color-gray-6);border-radius:6px 0;padding:0;transition:border-color .15s,transform .15s;display:block;overflow:hidden}.walkthrough-shot:where(.astro-oq42t4vn):hover{border-color:var(--sl-color-accent);transform:translateY(-1px)}.walkthrough-shot:where(.astro-oq42t4vn) img:where(.astro-oq42t4vn){aspect-ratio:16/10;object-fit:cover;width:6.5rem;display:block}@media (width<=40rem){.walkthrough-instruction:where(.astro-oq42t4vn){grid-template-columns:auto 1fr;align-items:start;padding:.75rem}.walkthrough-aside:where(.astro-oq42t4vn){flex-wrap:wrap;grid-column:2}}