.docs-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3rem;max-width:78rem;margin:0 auto;padding:2.5rem 1.5rem 5rem;}.docs-sidebar{position:sticky;top:5rem;align-self:start;max-height:calc(100vh - 7rem);overflow-y:auto;padding-right:0.5rem;font-size:0.875rem;}.docs-nav-home{display:block;margin-bottom:1.25rem;font-weight:600;text-decoration:none;}.docs-nav,.docs-nav-list{margin:0;padding:0;list-style:none;}.docs-nav-group+.docs-nav-group{margin-top:1.25rem;}.docs-nav-heading{display:block;margin-bottom:0.375rem;font-size:0.6875rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;opacity:0.7;}.docs-nav-list a{display:block;padding:0.25rem 0.5rem;border-radius:0.25rem;text-decoration:none;line-height:1.5;}.docs-nav-list a:hover{background:color-mix(in oklch,currentColor 8%,transparent);}.docs-nav-list a[aria-current="page"]{font-weight:600;background:color-mix(in oklch,currentColor 12%,transparent);}.docs-header{padding-bottom:1.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--cl-border);}.docs-header h1{margin:0 0 0.375rem;}.docs-tagline{margin:0 0 0.75rem;font-size:1.125rem;opacity:0.8;}.docs-source{margin:0;font-size:0.8125rem;opacity:0.7;}.docs-example+.docs-example{margin-top:3rem;}.docs-example-title{margin:0 0 0.5rem;font-size:1.25rem;}.docs-anchor{text-decoration:none;}.docs-anchor::after{content:" #";opacity:0;font-weight:400;}.docs-example-title:hover .docs-anchor::after,.docs-anchor:focus-visible::after{opacity:0.5;}.docs-example-description{margin:0 0 1.25rem;max-width:62ch;opacity:0.85;}.docs-preview{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;padding:1.75rem;border:1px solid var(--cl-border);border-radius:0.5rem;}.docs-preview>.card,.docs-preview>.command,.docs-preview>.empty,.docs-preview>.skeleton,.docs-preview>.aspect-ratio,.docs-preview>.accordion,.docs-preview>.carousel,.docs-preview>.scroll-area,.docs-preview>.navbar,.docs-preview>.progress,.docs-preview>.alert,.docs-preview>.separator,.docs-preview>.slider-group,.docs-preview>.tabs,.docs-preview>input[type="range"]{flex:1 1 100%;}.docs-preview>*{min-width:0;}.docs-preview .navbar{position:relative;}.docs-preview .aspect-ratio img{width:100%;height:100%;object-fit:contain;}.docs-index-group+.docs-index-group{margin-top:2.5rem;}.docs-index-list{margin:0.75rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:0.875rem 1.5rem;}.docs-index-item a{font-weight:600;text-decoration:none;}.docs-index-tagline{display:block;font-size:0.8125rem;opacity:0.75;}@media (max-width: 60rem){.docs-layout{grid-template-columns:minmax(0,1fr);gap:2rem;}.docs-sidebar{position:static;max-height:none;padding-bottom:1.5rem;border-bottom:1px solid var(--cl-border);}.docs-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;}.docs-nav-group+.docs-nav-group{margin-top:0;}}.docs-main pre{max-width:100%;}.docs-main pre code,.docs-main pre code span{white-space:pre-wrap;word-break:normal;word-wrap:normal;overflow-wrap:normal;overflow-x:visible;}.docs-main pre code span,.docs-main pre code span::before,.docs-main pre code span::after{display:inline;width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;position:static;transform:none;animation:none;transition:none;float:none;flex:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;vertical-align:baseline;opacity:1;visibility:visible;content:normal;}.docs-main .docs-header h1{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);line-height:1.15;}.docs-main .docs-index-group h2{font-size:1.375rem;line-height:1.2;}.docs-sidebar a:link,.docs-sidebar a:visited{color:var(--cl-link,currentColor);}.docs-sidebar a[aria-current="page"]:link,.docs-sidebar a[aria-current="page"]:visited{color:inherit;}.docs-index-item a:link,.docs-index-item a:visited{color:var(--cl-link,currentColor);}.docs-preview .sidebar{position:static;transform:none;}.docs-preview .sidebar-layout{width:100%;}