:root{--docs-sidebar:244px;--docs-header:56px;scroll-padding-top:80px}*{box-sizing:border-box}body{background:var(--biss-bg);color:var(--biss-text);font:14px/1.55 var(--biss-font-family);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:var(--biss-primary);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--biss-primary);outline-offset:3px}::selection{background:var(--biss-info-bg);color:var(--biss-text)}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;font-weight:600}p{text-wrap:pretty;max-width:72ch}code{font-family:var(--biss-mono);overflow-wrap:anywhere;font-size:12px}.skip-link{z-index:150;border:1px solid var(--biss-primary);background:#fff;border-radius:7px;padding:12px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.docs-topbar{height:var(--docs-header);z-index:100;border-bottom:1px solid var(--biss-border);background:var(--biss-card);align-items:center;gap:28px;padding:0 24px;display:flex;position:fixed;inset:0 0 auto}.docs-brand{color:var(--biss-text);letter-spacing:.02em;align-items:center;gap:10px;min-width:196px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--biss-primary);color:#fff;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.brand-mark .biss-icon{width:15px;height:15px}.docs-product{color:var(--biss-muted);font-size:13px}.topbar-end{align-items:center;gap:16px;margin-left:auto;display:flex}.version{font:12px var(--biss-mono);color:var(--biss-muted)}.mobile-nav{display:none}.docs-sidebar{inset:var(--docs-header) auto 0 0;z-index:90;width:var(--docs-sidebar);background:var(--biss-surface-muted);border-right:1px solid var(--biss-border);scrollbar-width:thin;scrollbar-color:var(--biss-border-strong) transparent;padding:24px 16px 20px;position:fixed;overflow-y:auto}.docs-search{border:1px solid var(--biss-border-strong);background:var(--biss-card);height:34px;color:var(--biss-muted);border-radius:7px;align-items:center;gap:7px;margin:0 0 24px;padding:0 8px;display:flex}.docs-search input{width:100%;min-width:0;color:var(--biss-text);background:0 0;border:0;outline:0;font-size:12.5px}.docs-search:focus-within{outline:2px solid var(--biss-primary);outline-offset:1px}.docs-search input::placeholder{color:var(--biss-muted)}.docs-search kbd{border:1px solid var(--biss-border);border-radius:3px;padding:0 4px;font-size:11px}.nav-group{margin-bottom:24px}.nav-group>p{color:var(--biss-muted);margin:0 10px 7px;font-size:11.5px;font-weight:600}.nav-group>a{color:var(--biss-muted);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 10px;font-size:13px;text-decoration:none;display:flex}.nav-group>a:hover{color:var(--biss-text);background:var(--biss-bg)}.nav-group>a[aria-current=page]{background:var(--biss-info-bg);color:var(--biss-primary);font-weight:500}.nav-group small,.framework-note{color:var(--biss-muted);font-size:10px}.nav-empty,.sidebar-note{color:var(--biss-muted);padding:8px 10px;font-size:12px;line-height:1.6}.sidebar-note{border-top:1px solid var(--biss-border);padding-top:16px}.docs-layout{margin-left:var(--docs-sidebar);padding:var(--docs-header) 0 0;grid-template-columns:minmax(0,1fr) 164px;gap:40px;max-width:1440px;display:grid}.docs-layout>main{outline:none;min-width:0;max-width:948px;padding:42px 0 0 48px}.breadcrumbs{color:var(--biss-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs .biss-icon{width:12px;height:12px}.page-heading{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.page-heading code{color:var(--biss-muted);background:var(--biss-surface-muted);border-radius:4px;padding:3px 7px;font-size:11.5px}h1{margin:0 0 12px;font-size:30px;line-height:1.2}.page-heading h1{margin:0}.docs-lead{color:var(--biss-muted);margin:14px 0 24px;font-size:16px;line-height:1.7}.framework-switch{border-bottom:1px solid var(--biss-border);align-items:center;gap:3px;padding-bottom:14px;display:flex}.framework-switch button{color:var(--biss-muted);background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:13px}.framework-switch button[aria-pressed=true]{background:var(--biss-info-bg);color:var(--biss-primary);font-weight:500}.framework-switch button:disabled{opacity:.45}.framework-switch button span{display:none}.framework-switch>span{color:var(--biss-muted);margin-left:auto;font-size:12px}.docs-section{margin:32px 0 0;scroll-margin-top:80px}.docs-section h2{margin:0 0 12px;font-size:19px;line-height:1.3}.docs-section>p{color:var(--biss-muted);margin:10px 0 16px;font-size:14px;line-height:1.75}.preview-toolbar{background:var(--biss-surface-muted);border:1px solid var(--biss-border);border-radius:10px 10px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 10px;display:flex}.segmented{align-items:center;gap:2px;display:inline-flex}.segmented button{color:var(--biss-muted);background:0 0;border:0;border-radius:5px;min-height:26px;padding:4px 8px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--biss-card);color:var(--biss-text);box-shadow:var(--biss-shadow)}.preview-toolbar>.segmented:last-child{margin-left:auto}.state-control{color:var(--biss-muted);align-items:center;gap:6px;font-size:12px;display:flex}.state-control select{border:1px solid var(--biss-border);background:var(--biss-card);max-width:110px;color:var(--biss-text);border-radius:5px;padding:3px 5px;font-size:12px}.component-shot{border:1px solid var(--biss-border);background:var(--biss-card);border-top:0;border-radius:0 0 10px 10px;margin:0;overflow:hidden}.component-shot>img{object-fit:contain;background:var(--biss-card);width:100%;height:auto;min-height:140px;max-height:600px;display:block}.component-shot.phone-shot>img{width:auto;max-width:100%;max-height:660px;margin:auto}.component-shot figcaption{border-top:1px solid var(--biss-border);color:var(--biss-muted);background:var(--biss-surface-subtle);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:11.5px;display:flex}.component-shot figcaption a{white-space:nowrap;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.component-shot .biss-icon{width:13px;height:13px}.capture-pending{text-align:center;color:var(--biss-muted);padding:48px 20px}.live-example{border:1px solid var(--biss-border);background:var(--biss-card);border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.live-example iframe{background:var(--biss-card);border:0;width:100%;height:520px;display:block}.live-example p{color:var(--biss-muted);border-top:1px solid var(--biss-border);margin:0;padding:10px 14px;font-size:12px}.docs-section>.state-note{font-size:12px;line-height:1.65}.sample-code{border:1px solid var(--biss-border);background:var(--biss-card);border-radius:9px;overflow:hidden}.sample-code>div{background:var(--biss-surface-subtle);border-bottom:1px solid var(--biss-border);color:var(--biss-muted);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.sample-code button{color:var(--biss-primary);background:0 0;border:0;padding:3px 5px;font-size:12px}.sample-code pre,.guide-code{font:12px/1.7 var(--biss-mono);tab-size:2;margin:0;padding:18px;overflow:auto}.guide-code{border:1px solid var(--biss-border);background:var(--biss-card);border-radius:9px;margin:16px 0}.api-table-wrap{border:1px solid var(--biss-border);background:var(--biss-card);border-radius:9px;overflow-x:auto}.api-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.api-table th{color:var(--biss-muted);background:var(--biss-surface-subtle);border-bottom:1px solid var(--biss-border);padding:10px 12px;font-size:11.5px;font-weight:500}.api-table td{vertical-align:top;border-bottom:1px solid var(--biss-border);padding:12px}.api-table tr:last-child td{border:0}.api-table td:first-child{min-width:140px}.api-table td:nth-child(2){max-width:330px}.api-table td code{white-space:pre-wrap;font-size:11px}.api-table td p{color:var(--biss-muted);margin:5px 0 0;font-size:12px;line-height:1.6}.required{color:var(--biss-primary);margin-top:3px;font-size:10px;display:block}.contract-list{border-top:1px solid var(--biss-border);margin:12px 0;padding:0;list-style:none}.contract-list li{border-bottom:1px solid var(--biss-border);flex-direction:column;gap:4px;padding:12px 0;display:flex}.contract-list li code:last-child{color:var(--biss-muted);font-size:11px}.slot-name{background:var(--biss-surface-muted);border-radius:4px;margin-left:8px;padding:2px 5px}.related-components{border-top:1px solid var(--biss-border);margin-top:40px;padding-top:24px}.related-components h2{margin:0 0 12px;font-size:16px}.related-components>a{align-items:center;gap:7px;margin:0 20px 10px 0;font-size:13px;text-decoration:none;display:inline-flex}.related-components .biss-icon{width:12px;height:12px}.page-toc{align-self:start;max-height:calc(100dvh - 120px);padding:38px 16px 0 0;font-size:12px;position:sticky;top:92px;overflow:auto}.page-toc p{margin:0 0 12px;font-weight:500}.page-toc a{color:var(--biss-muted);border-left:1px solid var(--biss-border);padding:5px 0 5px 12px;text-decoration:none;display:block}.page-toc a:hover{color:var(--biss-primary)}.docs-footer{color:var(--biss-muted);border-top:1px solid var(--biss-border);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:56px 0 0;padding:20px 0 32px;font-size:11.5px;display:flex}.docs-footer a{text-decoration:none}.guide-next{border-top:1px solid var(--biss-border);margin-top:32px;padding-top:24px}.guide-next a{align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.coverage-line{color:var(--biss-muted);font-size:12px}.component-row{border-bottom:1px solid var(--biss-border);color:var(--biss-text);align-items:center;gap:16px;padding:14px 0;text-decoration:none;display:flex}.component-row>div{flex:1;min-width:0}.component-row strong{font-size:14px;font-weight:500}.component-row p{color:var(--biss-muted);margin:3px 0 0;font-size:12.5px}.component-row small{color:var(--biss-muted);white-space:nowrap;font-size:11px}.component-row>.biss-icon{width:13px;height:13px;color:var(--biss-muted)}.nav-scrim{display:none}@media (width>=1550px){.docs-layout{margin-right:auto}.docs-layout>main{padding-left:64px}}@media (width<=1150px){.docs-layout{grid-template-columns:minmax(0,1fr);padding-right:32px}.page-toc{display:none}.docs-layout>main{padding-left:32px}.docs-product{display:none}}@media (width<=760px){.docs-topbar{gap:10px;padding:0 16px}.docs-brand{min-width:0;font-size:15px}.version{display:none}.mobile-nav{border:1px solid var(--biss-border);background:var(--biss-card);color:var(--biss-muted);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.docs-sidebar{z-index:95;width:min(300px,100vw - 40px);display:none}.docs-sidebar.is-open{display:block}.nav-scrim{z-index:91;background:#1d1c1a3d;display:block;position:fixed;inset:56px 0 0}.docs-layout{margin-left:0;padding-right:0;display:block}.docs-layout>main{padding:28px 20px 0}.docs-lead{font-size:15px}.page-heading{gap:8px}h1{font-size:26px}.page-heading code{font-size:10px}.preview-toolbar{gap:8px;padding:8px}.preview-toolbar>.segmented:last-child{margin-left:0}.framework-switch>span{font-size:11px}.component-shot figcaption{gap:8px;padding:9px 10px;font-size:10px}.component-shot figcaption a{font-size:10px}.component-shot>img{min-height:0}.component-shot.phone-shot>img{width:100%;max-height:none}.live-example iframe{height:560px}.api-table td{padding:10px}.api-table td:first-child{min-width:110px}.component-row small{display:none}.docs-footer{margin-top:40px;font-size:11px}.docs-search input{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
