.st{position:relative;isolation:isolate;overflow-x:clip}.st--light{background:var(--mk-subtle)}.st--dark{background:var(--mk-dark-bg);color:var(--mk-dark-fg)}.st--dark:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(62% 42% at 68% 42%,color-mix(in srgb,var(--mk-brand) 16%,transparent) 0,transparent 70%);pointer-events:none}.st-rails{width:100%;max-width:var(--dd-container);margin-inline:auto;padding-inline:var(--mk-gutter)}.st-grid{position:relative;border-inline:1px solid var(--dd-stroke)}.st--dark .st-grid{border-color:var(--mk-dark-border)}.st-copy{padding-inline:var(--mk-gutter)}.st-cell-inner{display:flex;flex-direction:column;justify-content:center;padding-block:3.5rem}.st-step{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#52525b}.st--dark .st-step{color:var(--mk-dark-muted)}.st-rule{display:block;height:1px;width:100%;max-width:42ch;margin-top:1.1rem;transform-origin:left center;background:linear-gradient(to right,var(--dd-stroke-strong),transparent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.st-rule{scale:0 1;animation:st-draw linear both;animation-timeline:view();animation-range:entry 10% cover 30%}@keyframes st-draw{to{scale:1 1}}}}.st--dark .st-rule{background:linear-gradient(to right,var(--mk-dark-border),transparent)}.st-title{margin-top:1.1rem;max-width:15em;font-size:26px;line-height:1.2;letter-spacing:-.018em;text-wrap:pretty}@media (min-width:768px){.st-title{font-size:32px;line-height:1.225}}.st-title h3,.st-title p{display:inline;text-wrap:pretty}.st-title h3{font-weight:600;color:var(--mk-ink)}.st-title p{font-weight:500;color:#52525b}.st--dark .st-title h3{color:var(--mk-dark-fg)}.st--dark .st-title p{color:var(--mk-dark-muted)}.st-still{margin-bottom:1.75rem;overflow:hidden;border:1px solid var(--mk-border);background:#fff}.st--dark .st-still{border-color:var(--mk-dark-border);background:color-mix(in srgb,var(--mk-dark-bg) 82%,white);box-shadow:none}.st-stage{display:none}.st-stage-inner{width:100%}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.st-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:0;align-items:start}.st-copy{padding-inline:var(--mk-gutter)}.st-cell{min-height:calc(var(--st-pace, 1) * 100svh)}.st-cell--last{min-height:calc((var(--st-pace, 1) + 1) * 100svh)}.st-cell-inner{position:sticky;top:50svh;transform:translateY(-50%);padding-block:0;opacity:var(--st-copy-o,1)}.st-still{display:none}.st-stage{display:flex;align-items:center;position:sticky;top:0;height:100svh;border-left:1px solid var(--dd-stroke)}.st--dark .st-stage{border-color:var(--mk-dark-border)}.st-stage-inner{width:100%}}@media (min-width:1440px) and (prefers-reduced-motion:no-preference){.st-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}.es{position:relative;width:100%;aspect-ratio:1240/960;overflow:hidden;background:#fff;border-block:1px solid var(--dd-stroke)}.st--dark .es{border-color:var(--mk-dark-border)}.ew{position:absolute;left:0;top:0;display:flex;flex-direction:column;transform-origin:0 0;background:#fff}.ew-body{display:flex;min-height:0;flex:1}.ew-main{min-width:0;flex:1;overflow:hidden}.ew-doc,.ew-main,.ew-scroll{position:relative}.ew-doc{margin-inline:auto;max-width:48rem;padding:2.5rem 1.5rem}.ew-caret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.14em;background:#7c3aed;animation:ew-blink 1.06s steps(2,start) infinite}@keyframes ew-blink{to{visibility:hidden}}.ew-grow{overflow:hidden;border-radius:14px;transform-origin:top center;box-shadow:0 0 0 calc(var(--ring, 0) * 2px) rgb(124 58 237/calc(var(--ring, 0) * .9)),0 0 calc(var(--ring, 0) * 26px) rgb(124 58 237/calc(var(--ring, 0) * .35))}.ew-link{border-radius:3px;color:#6d28d9;text-decoration:underline;text-decoration-color:#ddd6fe;text-underline-offset:2px}.ew-link--new{box-shadow:0 0 0 calc(var(--ring, 0) * 2px) rgb(124 58 237/calc(var(--ring, 0) * .85)),0 0 calc(var(--ring, 0) * 14px) rgb(124 58 237/calc(var(--ring, 0) * .4))}.ew-paste{top:100px;display:flex;align-items:center;gap:8px}.ew-paste,.ew-slash{position:absolute;left:68px}.ew-slash{top:316px;z-index:20;width:18rem;overflow:hidden;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 30px -8px rgb(16 24 40/26%);transform-origin:top left}.ew-slash-scroll{height:340px;overflow:hidden;padding:4px}.ew-bubble{position:absolute;left:320px;top:564px;z-index:20;transform-origin:bottom center}.ew-veil{position:absolute;inset:0;z-index:15;background:rgb(255 255 255/62%)}.ew-veil-chip{top:46%;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #ddd6fe;background:#fff;padding:8px 16px;font-size:14px;font-weight:500;color:#6d28d9;box-shadow:0 8px 24px -8px rgb(109 40 217/30%)}.ew-dock,.ew-veil-chip{position:absolute;left:50%}.ew-dock{bottom:1.5rem;z-index:40;transform-origin:bottom center}.ew-dock-row{position:relative;z-index:10;display:flex;gap:4px;overflow:hidden;border-radius:999px;border:1px solid #27272a;background:#18181b;padding:4px 4px 4px 8px;box-shadow:0 10px 15px -3px rgb(0 0 0/30%),0 4px 6px -4px rgb(0 0 0/30%)}.ew-dock-prompt,.ew-dock-row{align-items:center;color:#f4f4f5}.ew-dock-prompt{display:inline-flex;height:32px;min-width:340px;gap:8px;border-radius:999px;background:rgb(255 255 255/8%);padding-inline:12px;font-size:13px}.ew-drawer{position:absolute;inset-inline:0;bottom:100%;z-index:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:-20px;border-radius:1rem 1rem 0 0;border:1px solid #ddd6fe;border-bottom:0;background:#ede9fe;padding:8px 16px 28px;font-size:12px;color:#6d28d9;box-shadow:0 10px 15px -3px rgb(139 92 246/20%)}.ew-links{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:30;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 18px 40px -12px rgb(16 24 40/30%)}.ew-links,.ew-rail{width:24rem;overflow:hidden;background:#fff}.ew-rail{flex:none;border-left:1px solid #e5e7eb;padding:1rem}.ew-cursor{position:absolute;left:0;top:0;z-index:60;pointer-events:none;filter:drop-shadow(0 2px 4px rgb(0 0 0/25%))}.ew-cursor-ring{position:absolute;left:3px;top:3px;height:46px;width:46px;border-radius:999px;border:2px solid rgb(124 58 237/70%);background:rgb(124 58 237/12%)}.st-still .es{aspect-ratio:auto;height:300px;border-block:0}.th{display:inline}.th-line{position:relative}.th-hash{margin-right:.14em;color:color-mix(in srgb,var(--mk-brand) 70%,transparent);font-weight:500;animation:th-hash-out .5s ease var(--out) both}@keyframes th-hash-out{to{opacity:0;margin-right:-.76em}}.th-w{white-space:nowrap}.th-c{position:relative;opacity:0;animation:th-in 1ms linear var(--d) forwards}@keyframes th-in{to{opacity:1}}.th-c:after{content:"";position:absolute;left:100%;top:.1em;height:.86em;width:3px;border-radius:1px;background:var(--mk-brand);opacity:0;animation:th-relay 26ms linear var(--d) 1 normal none}@keyframes th-relay{0%,to{opacity:1}}.th-sp{white-space:pre-wrap}.th-caret{display:inline-block;width:3px;height:.86em;margin-left:2px;border-radius:1px;vertical-align:-.02em;background:var(--mk-brand);opacity:0;animation:th-park 1ms linear var(--d) forwards,th-blink 1.06s steps(2,start) var(--d) infinite}@keyframes th-park{to{opacity:1}}@keyframes th-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.th-c,.th-caret,.th-hash{animation:none;opacity:1}.th-c:after,.th-caret{display:none}}