:root{font-family:Inter,system-ui,sans-serif;color:#ededf0;background:#0f0f11;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:dark;--panel:#0f0f11;--field:#0a0a0c;--line:#26262c;--text:#ededf0;--sub:#a3a3ad;--muted:#81818e;--mono:"Roboto Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{touch-action:manipulation}svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}button:disabled{cursor:wait}::selection{background:#3b3b45;color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,pre:focus-visible,.table-scroll:focus-visible{outline:2px solid #c7c7d5;outline-offset:4px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#34343c;border-radius:8px}::-webkit-scrollbar-track{background:transparent}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;background:#ededf0;color:#0a0a0c;padding:10px 16px;z-index:100}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{height:64px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;padding:0 30px;gap:16px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:10px;font-size:15px}.brand strong{font-size:17px;font-weight:650;letter-spacing:-.04em}.brand>span:last-child{font-size:13px;color:var(--sub)}.brand-rule{width:1px;height:18px;background:#37373f;margin:0 2px 0 6px}.version{font:10px var(--mono);padding:3px 6px;border:1px solid #303037;border-radius:5px;color:var(--sub)}.head-links{display:flex;align-items:center;gap:24px;margin-left:auto}.repo-link{color:var(--sub)}.repo-link svg{width:19px;height:19px}.sim-link{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.sim-link svg{width:14px;height:14px}.icon-button{background:none;border:0;border-radius:5px;width:32px;height:32px;display:grid;place-items:center;color:var(--sub)}#mobile-menu{display:none}.sidebar{position:fixed;left:0;top:64px;bottom:0;width:242px;border-right:1px solid var(--line);padding:27px 20px 20px 24px;overflow-y:auto;z-index:25;background:var(--panel)}.search-wrap{display:flex;gap:8px;align-items:center;position:relative;border:1px solid #303037;border-radius:7px;padding:8px 9px;background:#141417;color:var(--muted);margin-bottom:30px}.search-wrap svg{width:14px;height:14px}.search-wrap input{border:0;outline:none!important;background:none;min-width:0;width:100%;font-size:11px;line-height:18px}.search-wrap input::placeholder{color:#9b9ba6}.search-wrap kbd{font:9px var(--mono);white-space:nowrap;color:var(--muted);border:1px solid #34343c;padding:1px 3px;border-radius:3px}.nav-group{margin-bottom:25px}.nav-group h2{font-size:11px;font-weight:600;letter-spacing:0;margin:0 0 8px 10px;color:#a3a3ad}.nav-group a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;color:#a3a3ad;font-size:12px;line-height:20px;margin:1px 0}.nav-group a[aria-current=page]{background:#202024;color:#f1f1f4;font-weight:500}.nav-dot{height:5px;width:5px;background:#b3b3c2;border-radius:50%;margin-left:auto;opacity:.5}.sidebar-foot{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding:20px 10px 0;margin-top:30px}.sidebar-foot svg{width:15px}.no-results{font-size:12px;color:var(--sub);overflow-wrap:anywhere}.no-results button{background:#202024;border:1px solid #34343c;border-radius:4px;padding:5px 10px}main{margin-left:242px;padding:113px 54px 48px;outline:none}.reading-layout{display:grid;grid-template-columns:minmax(0,730px) 156px;gap:58px;max-width:944px;margin:0 auto}article{min-width:0}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;line-height:16px;color:var(--muted);margin-bottom:22px}.breadcrumb svg{width:12px;height:12px}.breadcrumb>span:last-child{color:#b6b6bf}h1{font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:0 0 17px}p.lead{font-size:16px;line-height:1.8;color:#b0b0ba;max-width:65ch;margin:0 0 30px}p{margin:14px 0;color:#b0b0bb;font-size:14px;line-height:1.85}p a{color:#ededf0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#575763}p code{background:#1b1b20;border:1px solid #2b2b32;padding:1px 4px;border-radius:4px;font:11.5px var(--mono);color:#dfdfe7;overflow-wrap:anywhere}.doc-section{margin-top:46px;scroll-margin-top:94px}.doc-section h2{margin:0 0 16px;font-size:22px;line-height:1.4;letter-spacing:-.025em;font-weight:550}.doc-section h2 a{display:block}.page-toc{position:sticky;top:112px;align-self:start;padding-top:2px;font-size:11px}.page-toc>span{font-weight:550;color:#ceced5;display:block;margin-bottom:13px}.page-toc nav{display:flex;flex-direction:column;border-left:1px solid #2a2a30;gap:1px}.page-toc a{display:block;margin-left:-1px;border-left:1px solid transparent;padding:6px 0 6px 14px;color:var(--muted);line-height:1.65}.page-toc a.active{color:#ededf0;border-left-color:#d0d0db}.example{border:1px solid #303036;border-radius:10px;overflow:hidden;background:#09090b}.example-bar{height:43px;border-bottom:1px solid #26262c;display:flex;align-items:center;gap:6px;padding:0 12px;background:#141417}.example-bar [role=tablist]{display:flex;align-self:stretch;gap:18px}.example-bar [role=tab]{border:0;background:none;color:#8f8f9c;font-size:11px;padding:0 2px;display:flex;align-items:center;gap:6px;border-bottom:1px solid transparent;margin-bottom:-1px}.example-bar [role=tab][aria-selected=true]{color:#ededf0;border-bottom-color:#ededf0}.example-bar [role=tab] svg{width:12px;height:12px}.example-origin{font:9px var(--mono);color:#83838f;margin-left:auto;white-space:nowrap}.example #replay{margin-left:10px;width:25px;height:25px}.preview-image-link{display:block;line-height:0}.preview-image{display:block;width:100%;height:auto;aspect-ratio:660/500;object-fit:cover;background:#09090b}.example iframe{display:block;width:100%;height:500px;border:0;background:#09090b}#example-view{scroll-margin-top:100px}.example-hint{font-size:11px;line-height:1.7;color:#93939f;margin:12px 1px 0}.code-block{margin:20px 0;border:1px solid #2a2a31;border-radius:8px;overflow:hidden;background:#0b0b0e}.code-head{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #222228;font:10px var(--mono);color:#93939f;background:#121215}.copy-button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#a2a2af;font:10px Inter,sans-serif;padding:5px 0 5px 8px}.copy-button svg{width:12px;height:12px}pre{margin:0;padding:19px 20px;overflow:auto;tab-size:4;font:11.5px/1.9 var(--mono);color:#d8d8e3}pre code{font:inherit}.syntax-comment{color:#858592}.syntax-keyword{color:#c4a7e7}.syntax-string{color:#a4c5a2}.syntax-number{color:#e0bd8c}.table-scroll{overflow:auto;margin:20px 0;border-top:1px solid #303037}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;line-height:1.7}th,td{padding:13px 13px 13px 0;border-bottom:1px solid #28282f;vertical-align:top}thead th{font-size:10px;color:#90909e;font-weight:500}tbody th{font:10.5px/1.9 var(--mono);color:#dedee7;font-weight:400;min-width:125px}td{color:#a0a0ad}td:nth-child(2){font:10px/1.9 var(--mono);color:#b7b7c3}td:nth-child(3){font-size:10px}.note{display:flex;gap:12px;border:1px solid #303037;border-radius:8px;padding:14px 16px;background:#141417;margin:22px 0}.note p{font-size:12px;line-height:1.8;margin:0;color:#a6a6b2}.note>svg{margin-top:3px;color:#b0b0bd;width:15px;height:15px}.state-image{margin:25px 0}.state-image img{display:block;width:100%;height:auto;border:1px solid #2b2b32;border-radius:8px}.state-image figcaption{font-size:11px;color:#9696a3;line-height:1.8;margin-top:10px}.theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 35px}.theme-gallery button{text-align:left;padding:0 0 9px;border:1px solid #303037;background:#141417;border-radius:7px;overflow:hidden}.theme-gallery button[aria-pressed=true]{border-color:#a7a7b6}.theme-image{display:block;overflow:hidden;border-bottom:1px solid #25252c}.theme-image img{display:block;width:100%;height:auto;aspect-ratio:660/500}.theme-name{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:500;padding:10px 9px 0}.theme-swatch{width:7px;height:7px;border-radius:50%;flex:none}.swatch-graphite{background:#ededf0}.swatch-ink{background:#85858c}.swatch-slate{background:#7fb2ff}.swatch-ember{background:#ff9a5a}.theme-check{margin-left:auto;visibility:hidden}.theme-check svg{width:12px;height:12px}.theme-gallery [aria-pressed=true] .theme-check{visibility:visible}.theme-gallery small{font-size:9px;color:#90909e;padding:4px 9px 0;display:block}.article-footer{border-top:1px solid var(--line);margin-top:52px;padding-top:20px}.source-link{font-size:11px;color:#a0a0af;display:inline-flex;align-items:center;gap:5px}.source-link svg{width:12px;height:12px}.page-turns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.page-turns a{display:flex;flex-direction:column;gap:6px;align-items:start;font-size:12px}.page-turns a:last-child{align-items:end;text-align:right}.page-turns small{font-size:10px;color:#898997}.article-footer>p{font-size:10px;color:#797987;margin-top:36px}.mobile-shade{display:none}@media(hover:hover)and (pointer:fine){.nav-group a:hover{background:#19191e;color:#ededf0}.repo-link:hover,.source-link:hover,.page-toc a:hover{color:#ededf0}.copy-button:hover,.icon-button:hover{color:#fff}.theme-gallery button:hover{background:#1b1b20}.sim-link:hover{text-decoration:underline;text-underline-offset:4px}}@media(min-width:1600px){main{padding-top:124px}.reading-layout{max-width:1010px;grid-template-columns:minmax(0,760px) 170px;gap:80px}}@media(max-width:1200px){.reading-layout{grid-template-columns:minmax(0,730px);max-width:730px}.page-toc{display:none}main{padding-inline:48px}.sidebar{width:226px;padding-left:19px;padding-right:17px}main{margin-left:226px}}@media(max-width:760px){.masthead{height:58px;padding:0 18px;gap:9px}.brand{gap:7px}.brand strong{font-size:16px}.version{display:none}.head-links{gap:16px}.repo-link{display:none}.sim-link{font-size:10px}.brand-rule{margin-left:3px}#mobile-menu{display:grid;width:36px;height:36px}.sidebar{top:58px;transform:translate(-100%);width:min(290px,85vw);padding:22px;transition:transform .18s ease-out}.menu-open .sidebar{transform:translate(0)}.mobile-shade{position:fixed;inset:58px 0 0;background:#0009;z-index:24}.menu-open .mobile-shade{display:block}.search-wrap input{font-size:16px}.search-wrap kbd{display:none}.search-wrap{padding:10px}.nav-group a{font-size:13px;min-height:38px}.nav-group h2{font-size:12px}.sidebar-foot{font-size:11px}main{margin-left:0;padding:89px 22px 35px}.breadcrumb{font-size:10px;margin-bottom:18px}h1{font-size:32px}p.lead{font-size:14px;margin-bottom:26px}.doc-section{margin-top:38px}.doc-section h2{font-size:21px}p{font-size:13px}.example-origin{font-size:8px}.example-bar{padding:0 10px}.example-bar [role=tablist]{gap:14px}.example-bar [role=tab]{font-size:10px}.example iframe{height:460px}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-gallery small{font-size:10px}.theme-name{font-size:12px}.example-hint{font-size:10.5px}.code-head{height:40px}pre{font-size:10.5px;padding:16px}.copy-button{min-height:36px;font-size:11px}table{font-size:11px;min-width:470px}.note{padding:13px}.note p{font-size:11.5px}.doc-section{scroll-margin-top:78px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}