.usage-page{grid-template-columns:150px minmax(0,1fr);gap:64px;padding-block:64px 90px;display:grid}.usage-sidebar{align-self:start;font-size:13px;position:sticky;top:32px}.usage-sidebar>span{color:#a0a0aa;margin-bottom:18px;font-size:12px;display:block}.usage-sidebar nav{border-left:1px solid var(--line);gap:2px;display:grid}.usage-sidebar nav a{color:#a4a4b0;padding:9px 16px;transition:color .16s;position:relative}.usage-sidebar nav a:before{content:"";background:var(--blue);width:2px;transition:transform .16s var(--ease-out);position:absolute;top:10px;bottom:10px;left:-1px;transform:scaleY(0)}.usage-sidebar nav a[aria-current=location]{color:#d9e6fb}.usage-sidebar nav a[aria-current=location]:before{transform:scaleY(1)}.usage-sidebar-lab{color:var(--blue);margin-top:24px;padding-block:8px;display:inline-block}.usage-content{min-width:0}.usage-heading{border-bottom:1px solid var(--line);padding-bottom:34px}.usage-heading h1{font-size:clamp(42px,5vw,56px)}.usage-heading>p{color:#acacb8;margin-top:20px;font-size:17px;line-height:1.65}.usage-package-meta{color:#939faa;flex-wrap:wrap;gap:20px;margin-top:26px;font-size:12px;display:flex}.usage-package-meta span+span:before{content:"·";color:#586574;margin-right:20px}.usage-section{padding-top:44px;scroll-margin-top:32px}.usage-section h2{letter-spacing:-.7px;margin-bottom:16px;font-size:25px;font-weight:560}.usage-section>p,.usage-detail p{color:#b0b0be;max-width:760px;font-size:14px;line-height:1.85}.usage-section>p+p{margin-top:14px}.usage-page code{color:#b3cef2;overflow-wrap:anywhere;font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.usage-section .usage-note{color:#9999a9;margin-top:18px;font-size:13px}.usage-code{background:#15171b;border:1px solid #30333c;border-radius:12px;min-width:0;margin-top:22px;overflow:hidden}.usage-code-head{color:#aeb8c9;border-bottom:1px solid #2b2e36;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:7px 18px;font:12px Consolas,monospace;display:flex}.usage-code-head button{color:#a3acbc;min-height:34px;transition:color .16s ease, background .16s ease, transform .12s var(--ease-out);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:5px 9px;font:12px Manrope,sans-serif;display:inline-flex}.usage-code-head button svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:17px;height:17px;transition:transform .18s var(--ease-out)}.usage-code-head button:active{transform:scale(.97)}.usage-code pre{tab-size:2;scrollbar-width:thin;margin:0;padding:24px;font:13px/1.8 Cascadia Code,Consolas,monospace;overflow:auto;background:#15171b!important}.usage-code pre code{font:inherit;overflow-wrap:normal}.usage-entries{background:#191c22;border:1px solid #323640;border-radius:11px;gap:4px;width:fit-content;max-width:100%;margin-top:24px;padding:5px;display:flex;position:relative}.usage-entries button{z-index:1;color:#a6aebb;white-space:nowrap;min-height:36px;transition:color .16s ease, transform .12s var(--ease-out);background:0 0;border:0;border-radius:7px;padding:0 15px;font-size:13px;position:relative}.usage-entries button[aria-pressed=true]{color:#e5efff}.usage-entries button:active{transform:scale(.97)}.usage-selection{inset-block:5px;transform-origin:0;opacity:0;pointer-events:none;background:#30405a;border:1px solid #51647d;border-radius:7px;position:absolute;left:0;box-shadow:inset 0 1px #ffffff12}.usage-selection[data-ready=true]{opacity:1}.usage-entry-description{color:#b0b0be;margin-top:20px;font-size:14px;line-height:1.85}.usage-live{background:#15191f;border:1px solid #364253;border-radius:12px;margin-top:20px;overflow:hidden}.usage-live-head{color:#aec5e5;border-bottom:1px solid #2a3544;flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;padding:8px 18px;font:12px Consolas,monospace;display:flex}.usage-live-head>span:nth-child(2){color:#9aabbe;margin-left:auto;font:12px Manrope,sans-serif}.usage-replay{color:#d2e4ff;min-height:36px;transition:transform .12s var(--ease-out), background .16s ease;background:#25354c;border:1px solid #475e7c;border-radius:20px;align-items:center;gap:8px;padding:0 13px;font:12px Manrope,sans-serif;display:inline-flex}.usage-replay svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:transform .18s var(--ease-out)}.usage-replay:active{transform:scale(.97)}.usage-output{color:#d0d8e5;scrollbar-width:thin;min-height:160px;max-height:400px;padding:28px;font-size:15px;line-height:1.85;overflow:auto}.usage-output>*+*{margin-top:20px}.usage-output pre{background:#10151c;border:1px solid #2d3a4e;border-radius:8px;padding:16px;font:13px/1.8 Consolas,monospace;overflow:auto}.usage-output figure>div{color:#a8b6ca;background:#1c2533;border-radius:8px;font-size:13px}.usage-table-wrap{scrollbar-width:thin;border-block:1px solid #30333c;margin-block:24px;overflow-x:auto}.usage-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.8}.usage-table th,.usage-table td{vertical-align:top;padding:15px 18px 15px 0}.usage-table th{color:#c6cedb;font-weight:550}.usage-table td{color:#a6aeba}.usage-table tbody tr{border-top:1px solid #292e36}.usage-table th:first-child{min-width:190px}.usage-detail{border-block:1px solid #30333c;margin-top:22px}.usage-detail summary{color:#bdcbe1;cursor:pointer;min-height:48px;padding-block:14px;font-size:13px}.usage-detail p{padding-block:4px 20px}.usage-contract{margin-block:24px 0}.usage-contract>div{border-top:1px solid #2b2e35;grid-template-columns:160px minmax(0,1fr);gap:24px;padding-block:18px;display:grid}.usage-contract dt{color:#c5cedd;font-size:13px;font-weight:550}.usage-contract dd{color:#a6aeba;margin:0;font-size:14px;line-height:1.8}.usage-endnote{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding-top:28px;display:flex}.usage-endnote p{color:#aaaabc;font-size:14px}@media (hover:hover) and (pointer:fine){.usage-sidebar a:hover,.usage-entries button:hover{color:#e0eaff}.usage-code-head button:hover{color:#dae8ff;background:#283245}.usage-code-head button:hover svg{transform:translateY(-1px)}.usage-replay:hover{background:#304766}.usage-replay:hover svg{transform:rotate(-35deg)}}@media (width<=900px){.usage-page{grid-template-columns:1fr;gap:32px;padding-top:36px}.usage-sidebar{position:static}.usage-sidebar>span,.usage-sidebar-lab{display:none}.usage-sidebar nav{border-left:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0 16px;padding-bottom:12px;display:flex}.usage-sidebar nav a{padding:10px 0}.usage-sidebar nav a:before{display:none}}@media (width<=600px){.usage-heading>p{font-size:16px}.usage-package-meta{gap:8px 16px}.usage-package-meta span+span:before{display:none}.usage-code-head{padding-inline:14px}.usage-code-head>span{overflow-wrap:anywhere}.usage-code pre{padding:18px;font-size:12px}.usage-entries{gap:0;width:100%}.usage-entries button{flex:1;padding-inline:9px;font-size:12px}.usage-live-head{gap:8px 12px;padding:12px 16px}.usage-replay{margin-left:auto}.usage-output{padding:22px}.usage-contract>div{grid-template-columns:1fr;gap:9px}}@media (pointer:coarse){.usage-entries button,.usage-code-head button,.usage-replay{min-height:44px}}@media (prefers-reduced-motion:reduce){.usage-page button,.usage-page button svg,.usage-sidebar nav a:before{transition:opacity .12s}.usage-page button:active,.usage-replay:hover svg,.usage-code-head button:hover svg{transform:none}}