.video{--vp-ink:#17150f;--vp-muted:#7c7468;--vp-glass:#f7f5f0e6;--vp-glass-line:#fff9;--vp-glass-shadow:0 8px 24px -6px #00000047;--vp-track:#17150f24;--vp-buffered:#17150f2e;aspect-ratio:16/9;background:#0b0b0a;border:1px solid #17150f1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 2px #17150f0f,0 16px 40px -16px #17150f2e;container-type:inline-size}.video:focus-visible{outline:2px solid var(--vp-ink);outline-offset:3px}.video button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.video video{width:100%;height:100%;display:block;position:absolute;inset:0}.video.is-started.is-idle{cursor:none}.video .video-poster{z-index:2;width:100%;display:block;position:absolute;inset:0}.video .video-poster[hidden]{display:none}.video .video-poster:focus-visible{outline:none}.video .video-poster img{object-fit:cover;border-radius:0;width:100%;max-width:none;height:100%;transition:transform .6s cubic-bezier(0,0,.2,1);display:block}.video-poster:hover img{transform:scale(1.012)}.video-big{z-index:1;background:var(--vp-glass);height:52px;box-shadow:var(--vp-glass-shadow);backdrop-filter:blur(24px)saturate(1.4);color:var(--vp-ink);font-family:var(--text,"Instrument Sans", system-ui, sans-serif);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 18px;font-size:16px;line-height:20px;transition:transform .25s cubic-bezier(0,0,.2,1),background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-big .ui-play{fill:currentColor;stroke:none;width:14px;height:14px}.video-cta{font-weight:600}.video-len{color:var(--vp-muted);font-variant-numeric:tabular-nums}.video-poster:hover .video-big{background:#f7f5f0f7;transform:translate(-50%,-50%)scale(1.04)}.video-poster:focus-visible .video-big{outline-offset:3px;outline:2px solid #fff}.video-bar{z-index:3;border:1px solid var(--vp-glass-line);background:var(--vp-glass);height:44px;box-shadow:var(--vp-glass-shadow);backdrop-filter:blur(24px)saturate(1.4);color:var(--vp-ink);font-family:var(--text,"Instrument Sans", system-ui, sans-serif);border-radius:999px;align-items:center;gap:4px;padding:0 6px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.video-bar[hidden]{display:none}.video.is-idle .video-bar{opacity:0;pointer-events:none;transform:translateY(6px)}.video-time{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 10px 0 4px;font-size:13px;font-weight:500}.video-total{color:var(--vp-muted);font-weight:400}.video-seek{cursor:pointer;touch-action:none;flex:1;align-items:center;height:28px;margin-right:6px;display:flex;position:relative}.video-seek:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px;border-radius:6px}.video-track{background:var(--vp-track);border-radius:999px;width:100%;height:4px;transition:height .15s;position:relative;overflow:hidden}.video-buffered,.video-played{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.video-buffered{background:var(--vp-buffered)}.video-played{background:var(--vp-ink)}.video-thumb,.video-vol-thumb{background:var(--vp-ink);border-radius:50%;width:12px;height:12px;position:absolute}.video-thumb{margin:-6px 0 0 -6px;transition:transform .15s;top:50%;left:0;transform:scale(0)}.video-seek:hover .video-track,.video-seek:focus-visible .video-track,.video.is-seeking .video-track{height:6px}.video-seek:hover .video-thumb,.video-seek:focus-visible .video-thumb,.video.is-seeking .video-thumb{transform:scale(1)}.video .video-btn{width:32px;height:32px;color:var(--vp-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.video .video-btn:hover{background:#17150f0f}.video .video-btn:focus-visible{outline:2px solid var(--vp-ink);outline-offset:0}.video-btn .ui-icon{width:16px;height:16px}.video-btn .ui-play{fill:currentColor;stroke:none}.video-btn .ui-play,.video.is-paused .video-btn .ui-pause,.video-btn .ui-muted,.video.is-muted .video-btn .ui-volume,.video-btn .ui-shrink,.video.is-full .video-btn .ui-expand{display:none}.video.is-paused .video-btn .ui-play,.video.is-muted .video-btn .ui-muted,.video.is-full .video-btn .ui-shrink{display:block}.video-vol{flex:none;display:flex;position:relative}.video-vol-pop{opacity:0;transform-origin:bottom;pointer-events:none;padding-bottom:14px;transition:opacity .15s,transform .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px)scale(.96)}.video-vol.is-open .video-vol-pop{opacity:1;pointer-events:auto;transform:translate(-50%)}.video-vol-slider{border:1px solid var(--vp-glass-line);background:var(--vp-glass);width:36px;height:112px;box-shadow:var(--vp-glass-shadow);backdrop-filter:blur(24px)saturate(1.4);cursor:pointer;touch-action:none;border-radius:999px;justify-content:center;padding:16px 0;display:flex}.video-vol-slider:focus-visible{outline:2px solid var(--vp-ink);outline-offset:2px}.video-vol-track{background:var(--vp-track);border-radius:999px;width:3px;height:100%;transition:width .15s;position:relative}.video-vol-level{border-radius:inherit;background:var(--vp-ink);transform-origin:bottom;position:absolute;inset:0}.video-vol-thumb{margin:0 0 -6px -6px;bottom:100%;left:50%}.video-vol-slider:hover .video-vol-track,.video-vol-slider:focus-visible .video-vol-track,.video-vol.is-dragging .video-vol-track{width:5px}.video:fullscreen{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.video:fullscreen video{object-fit:contain}.video:fullscreen .video-bar{width:min(960px,100% - 48px);bottom:28px;left:50%;right:auto;transform:translate(-50%)}.video:fullscreen.is-idle .video-bar{transform:translate(-50%,6px)}@container (width<=560px){.video{border-radius:12px}.video-big{gap:8px;height:44px;padding:0 16px 0 14px;font-size:14px}.video-bar{height:40px;padding:0 4px;bottom:8px;left:8px;right:8px}.video-total{display:none}.video-time{padding:0 6px 0 2px}.video-seek{margin-right:2px}.video .video-btn{width:30px;height:30px}.video-vol-slider{height:96px;padding:14px 0}}@media (prefers-reduced-motion:reduce){.video-poster:hover img{transform:none}.video-poster:hover .video-big{transform:translate(-50%,-50%)}.video-vol-pop,.video-vol.is-open .video-vol-pop{transform:translate(-50%)}}.prose{color:var(--ink-2);font-size:17px;line-height:28px}.prose>*+*{margin-top:18px}.prose>h2{margin-top:52px}.prose>h3,.prose>h4{margin-top:36px}.prose>:is(h2,h3,h4)+*{margin-top:14px}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--ink);font-family:var(--display);scroll-margin-top:24px;font-weight:500}.prose h2{letter-spacing:-.6px;font-size:30px;line-height:38px}.prose h3{letter-spacing:-.3px;font-size:22px;line-height:30px}.prose h4{font-size:18px;line-height:26px}.prose .anchor{color:inherit}.prose .anchor:hover{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px}.prose p,.prose ul,.prose ol{margin-bottom:0}.prose a:not(.anchor,.next-card){color:var(--accent);font-weight:500}.prose a:not(.anchor,.next-card):hover{text-underline-offset:3px;text-decoration:underline}.prose strong{color:var(--ink);font-weight:600}.prose :not(pre)>code{color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;font-size:.882em}.prose hr{background:#e3ded4;border:0;height:1px}.prose img{border-radius:14px;max-width:100%;height:auto}.prose ul,.prose ol{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.prose ol{counter-reset:item}.prose li{padding-left:26px;position:relative}.prose ol>li{counter-increment:item;padding-left:36px}.prose ul>li:before{content:"";background:#9a9286;border-radius:3px;width:6px;height:6px;position:absolute;top:11px;left:4px}.prose ol>li:before{content:counter(item) ".";color:var(--muted);font-size:15px;font-weight:500;line-height:20px;position:absolute;top:0;left:0}.prose li>*+*,.prose li>ul,.prose li>ol{margin-top:10px}.prose .code,.prose .install-switch{background:#fffdf9;border:1px solid #e3ded4;border-radius:14px;overflow:hidden}.prose .code-head{height:42px;color:var(--muted);background:#f3f0ea;border-bottom:1px solid #e3ded4;justify-content:space-between;align-items:center;padding:0 10px 0 18px;font-size:14px;font-weight:500;line-height:20px;display:flex}.prose pre{color:var(--ink);font-family:var(--mono);tab-size:2;margin:0;padding:16px 20px 18px;font-size:14px;line-height:23px;overflow-x:auto}.prose pre code{font:inherit}.install-tabs{background:#f3f0ea;border-bottom:1px solid #e3ded4;align-items:center;gap:4px;min-height:50px;padding:8px 10px;display:flex;overflow-x:auto}.install-tabs [role=tab]{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding:6px 12px;font-size:14px;font-weight:500;line-height:20px}.install-tabs [role=tab]:hover{color:var(--ink)}.install-tabs [aria-selected=true]{color:var(--ink);background:#fff;border-color:#e3ded4}.install-command{justify-content:space-between;align-items:center;gap:12px;padding:16px 12px 16px 20px;display:flex}.install-command code{min-width:0;color:var(--ink);font-family:var(--mono);white-space:nowrap;font-size:15px;line-height:24px;overflow-x:auto}.prose .callout{--tone:var(--accent);--tone-rgb:61 111 176;border:1px solid rgb(var(--tone-rgb) / .22);background:rgb(var(--tone-rgb) / .07);border-radius:14px;align-items:flex-start;gap:14px;padding:18px 22px 20px 18px;display:flex}.prose .callout-tip{--tone:#3f8f5a;--tone-rgb:63 143 90}.prose .callout-warning{--tone:#b7791f;--tone-rgb:183 121 31}.prose .callout-caution{--tone:#b5473a;--tone-rgb:181 71 58}.prose .callout-icon{width:20px;height:24px;color:var(--tone);flex:none;justify-content:center;align-items:center;display:flex}.prose .callout-text{flex:1;min-width:0;font-size:16px;line-height:24px}.prose .callout-text>*+*{margin-top:4px}.prose .callout-text>*+:is(ul,ol,.code,.table-wrap){margin-top:12px}.prose .callout-title{color:var(--tone);font-size:15px;font-weight:600;line-height:20px}.prose .callout-text li:before{top:9px}.prose blockquote{border-left:2px solid #e3ded4;margin-inline:0;padding-left:18px}.prose .table-wrap{backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #fff9;border-radius:16px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:20px}.prose th{height:44px;color:var(--muted);text-align:left;white-space:nowrap;background:#ffffff73;padding:0 16px;font-size:14px;font-weight:500}.prose td{vertical-align:top;border-top:1px solid #e3ded4;padding:13px 16px}.prose :is(th,td):first-child{padding-left:24px}.prose :is(th,td):last-child{padding-right:24px}.prose td code{font-size:13px}.prose .next-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:16px;display:grid}.prose .next-cards>li{padding:0}.prose .next-cards>li:before{content:none}.next-card{backdrop-filter:blur(15px);background:#ffffff8c;border:1px solid #e3ded4;border-radius:16px;flex-direction:column;gap:6px;padding:20px;transition:border-color .15s,background-color .15s;display:flex}.next-card:hover{background:#fffc;border-color:#d3ccbf}.next-title{color:var(--accent);white-space:pre;font-size:15px;font-weight:600;line-height:20px}.next-about{color:var(--ink-2);font-size:14px;line-height:20px}.prose .docs-video{margin-inline:0}.prose .docs-video figcaption{color:var(--muted);margin-top:10px;font-size:14px;line-height:20px}.prose details summary{cursor:pointer;color:var(--ink);font-weight:500}
