*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--header-h:52px;--sidebar-w:210px;--font:"Lexend", system-ui, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace;--sd-color-text:#263238;--sd-color-background:#fff;--sd-color-secondary:#f5f5f5;--sd-color-border:#e0e0e0;--sd-color-primary:#b3e5fc;--sd-color-primary-text:#0277bd;--sd-length-radius:.6rem}html{font-family:var(--font);color:var(--sd-color-text);background:var(--sd-color-background);font-size:15px;transition:background .2s,color .2s}header{height:var(--header-h);border-bottom:1px solid var(--sd-color-border);background:var(--sd-color-background);z-index:100;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.header-left,.header-right{align-items:center;gap:.75rem;display:flex}.logo{letter-spacing:-.02em;color:var(--sd-color-text);font-size:1.1rem;font-weight:600;text-decoration:none}.version{background:var(--sd-color-primary);color:var(--sd-color-text);opacity:.8;border-radius:999px;padding:.15em .5em;font-size:.7rem;font-weight:500}.dark-toggle,.gh-link{font-family:var(--font);border-radius:var(--sd-length-radius);border:1px solid var(--sd-color-border);color:var(--sd-color-text);cursor:pointer;background:0 0;padding:.3em .8em;font-size:.8rem;text-decoration:none;transition:background .15s,border-color .15s}.dark-toggle:hover,.gh-link:hover{background:var(--sd-color-secondary)}.nav-toggle{cursor:pointer;color:var(--sd-color-text);background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1.2rem;display:none}.layout{min-height:100vh;padding-top:var(--header-h)}#sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100vh - var(--header-h));border-right:1px solid var(--sd-color-border);background:var(--sd-color-background);z-index:50;position:fixed;left:0;overflow-y:auto}.nav-inner{padding:1rem 0 2rem}.nav-section{margin-bottom:1.5rem}.nav-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--sd-color-text);opacity:.45;padding:0 1rem .4rem;font-size:.65rem;font-weight:600}.nav-section ul{list-style:none}.nav-section ul li a{color:var(--sd-color-text);opacity:.75;border-left:2px solid #0000;padding:.3rem 1rem .3rem 1.1rem;font-size:.85rem;text-decoration:none;transition:background .1s,border-color .1s,color .1s;display:block}.nav-section ul li a:hover{background:var(--sd-color-secondary);opacity:1}.nav-section ul li a.active{border-left-color:var(--sd-color-primary);background:var(--sd-color-secondary);opacity:1;font-weight:500}#content{min-width:0;margin-left:var(--sidebar-w);max-width:860px;padding:2.5rem 3rem 4rem}.comp-title{align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.comp-title h1{letter-spacing:-.03em;font-size:1.8rem;font-weight:600}.comp-tag{font-family:var(--mono);background:var(--sd-color-secondary);border:1px solid var(--sd-color-border);color:var(--sd-color-text);opacity:.7;border-radius:.4em;padding:.2em .6em;font-size:.85rem}.comp-desc{opacity:.7;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.section,.doc-section{margin-bottom:2.5rem}.section-title,.doc-section h2{letter-spacing:.08em;text-transform:uppercase;opacity:.4;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.demo-box{border-radius:var(--sd-length-radius);border:1px solid var(--sd-color-border);background:var(--sd-color-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;padding:2rem;display:flex}.table-wrap{border-radius:var(--sd-length-radius);border:1px solid var(--sd-color-border);overflow:hidden}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;border:none;width:100%;margin:0;font-size:.83rem}.table-scroll thead tr,.table-scroll thead{background:var(--sd-color-secondary);color:var(--sd-color-text)}.table-scroll tbody tr{background:var(--sd-color-background)}.table-scroll tbody tr:nth-child(2n){background:var(--sd-color-secondary)}.table-scroll th{text-align:left;letter-spacing:.04em;text-transform:uppercase;opacity:.55;white-space:nowrap;padding:.6rem .9rem;font-size:.75rem;font-weight:500}.table-scroll td{border-bottom:1px solid var(--sd-color-border);vertical-align:top;padding:.55rem .9rem;line-height:1.5}.table-scroll tr:last-child td{border-bottom:none}.table-scroll tbody tr:first-child td{border-top:1px solid var(--sd-color-border)}.table-scroll td code,.table-scroll th code{font-family:var(--mono);background:var(--sd-color-secondary);border:1px solid var(--sd-color-border);border-radius:.3em;padding:.1em .35em;font-size:.82em}.td-name{font-family:var(--mono);white-space:nowrap;font-size:.82rem;font-weight:500}.td-type{font-family:var(--mono);opacity:.65;white-space:nowrap;font-size:.78rem}.td-default{font-family:var(--mono);opacity:.55;font-size:.78rem}.td-desc{opacity:.75;font-size:.83rem}.usage-block{border-radius:var(--sd-length-radius);border:1px solid var(--sd-color-border);position:relative;overflow:hidden}.usage-block pre{font-family:var(--mono);background:var(--sd-color-secondary);--prettylights-fg:transparent;margin:0;padding:1rem;font-size:.82rem;line-height:1.6;overflow-x:auto}.copy-btn{font-family:var(--font);border:1px solid var(--sd-color-border);background:var(--sd-color-background);color:var(--sd-color-text);cursor:pointer;opacity:.7;border-radius:.35em;padding:.25em .6em;font-size:.72rem;transition:opacity .15s;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{opacity:1}@media (width<=700px){.nav-toggle{display:block}.layout{grid-template-columns:1fr}#sidebar{transition:transform .2s;transform:translate(-100%)}#sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000001f}#content{margin-left:0;padding:1.5rem 1.25rem 3rem}}:root{--sd-color-text:#263238;--sd-color-text-reverse:#fefefe;--sd-color-background:#fff;--sd-color-primary:#b3e5fc;--sd-color-secondary:#f5faff;--sd-color-border:#eee;--sd-color-border-active:#e0e0e0;--sd-color-alert:#fff9c4;--sd-color-disabled:#000;--sd-color-shadow:#0000001a;--sd-length-radius:.75em;--sd-length-border:2px;--sd-length-padding-x:.5em;--sd-length-padding-y:.3em;--sd-length-padding:var(--sd-length-padding-y) var(--sd-length-padding-x);--sd-time-fast:.15s;--sd-time-normal:.3s;--sd-time-slow:.45s}:root[data-dark-mode]{color:var(--sd-color-text);background-color:#131317}[data-dark-mode]{--sd-color-text:#fefefe;--sd-color-text-reverse:#19252c;--sd-color-background:#232429;--sd-color-primary:#7fc1ff;--sd-color-secondary:#0f172a;--sd-color-border:#353537;--sd-color-border-active:#303033}table{border-collapse:collapse;border:solid var(--sd-color-border) var(--sd-length-border);color:var(--sd-color-text);background-color:var(--sd-color-background);transition:color, background-color var(--sd-time-normal);margin:.05em}thead{color:var(--landsoul-text);background-color:var(--sd-color-secondary)}tbody tr{background-color:var(--sd-color-background)}tbody tr:nth-child(2n){background-color:var(--sd-color-border)}td,th{padding:.25em .5em}