.sidebar-heading-link{color:var(--ct-fg-muted);text-decoration:none}.sidebar-component-list{gap:var(--ct-space-3)}.sidebar-category{gap:var(--ct-space-1);display:grid}.sidebar-category>ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar-category-link{letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;color:var(--ct-fg-muted)!important;font-weight:600!important}.sidebar-component-list a[aria-current=page]{border-left:3px solid var(--ct-nav-indicator);background:var(--ct-control-active);font-weight:600}.component-card{color:var(--ct-fg-default);text-decoration:none}.component-card:focus-visible{outline:2px solid var(--ct-focus-outline);outline-offset:2px}.component-detail{align-content:start;gap:var(--ct-space-8);width:100%;min-width:0;max-width:1120px;padding:var(--ct-space-8) var(--ct-container-padding) var(--ct-space-10);display:grid}.detail-breadcrumbs,.demo-breadcrumbs{gap:var(--ct-space-2);color:var(--ct-fg-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.detail-breadcrumbs li:not(:last-child):after,.demo-breadcrumbs li:not(:last-child):after{margin-left:var(--ct-space-2);color:var(--ct-fg-subtle);content:"/"}.detail-breadcrumbs a,.demo-breadcrumbs a{color:var(--ct-fg-muted);text-decoration:none}.detail-breadcrumbs a:hover,.demo-breadcrumbs a:hover{color:var(--ct-accent-fg);text-decoration:underline}.detail-header{justify-content:space-between;align-items:flex-start;gap:var(--ct-space-6);display:flex}.detail-header>div{gap:var(--ct-space-3);max-width:72ch;display:grid}.detail-header h1,.detail-header p,.detail-section h2,.detail-section h3,.detail-section p,.example-scenario header,.demo-card p,.demo-card footer,.demo-list p,.demo-alert p,.demo-dialog p,.demo-panel p{margin:0}.detail-header h1{font-size:2rem;line-height:1.25}.detail-header>div>p:last-child,.detail-section-heading p{color:var(--ct-fg-muted);font-size:1rem}.detail-tabs{gap:var(--ct-space-6);border-bottom:1px solid var(--ct-border-default);display:flex}.detail-tabs a{min-height:2.5rem;color:var(--ct-fg-default);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.detail-tabs a:first-child:after{background:var(--ct-nav-indicator);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.detail-section{scroll-margin-top:var(--ct-space-6);gap:var(--ct-space-4);display:grid}.detail-section>h2,.detail-section-heading{padding-bottom:var(--ct-space-3);border-bottom:1px solid var(--ct-border-default)}.detail-section h2{font-size:1.25rem;line-height:1.4}.detail-section-heading{justify-content:space-between;align-items:flex-start;gap:var(--ct-space-4);display:flex}.detail-section-heading>div{gap:var(--ct-space-1);display:grid}.demo-label{padding:2px var(--ct-space-2);border:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);color:var(--ct-fg-muted);border-radius:999px;font-size:.75rem;font-weight:600}.example-gallery{gap:var(--ct-layout-peer-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.example-scenario{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-default);align-content:start;min-width:0;display:grid}.example-scenario>header{padding:var(--ct-space-3) var(--ct-space-4);border-bottom:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);font-weight:600}.example-scenario>div{min-height:11rem;padding:var(--ct-space-5);align-items:center;display:grid;overflow-x:auto}.demo-row{align-items:center;gap:var(--ct-space-2);flex-wrap:wrap;display:flex}.demo-button,.demo-button-group button,.demo-menu summary,.demo-menu [role=menuitem],.demo-icon-button{min-height:var(--ct-control-height);padding:0 var(--ct-space-3);border:1px solid var(--ct-border-control);border-radius:var(--ct-radius-small);background:var(--ct-control-bg);color:var(--ct-fg-default);font:inherit;cursor:pointer;font-weight:600}.demo-button:hover,.demo-button-group button:hover,.demo-menu summary:hover,.demo-menu [role=menuitem]:hover,.demo-icon-button:hover{background:var(--ct-control-hover)}.demo-button-primary{border-color:var(--ct-success-emphasis);background:var(--ct-success-emphasis);color:var(--ct-fg-on-emphasis)}.demo-button-primary:hover{background:var(--ct-success-fg)}.demo-button-danger{border-color:var(--ct-danger-emphasis);background:var(--ct-danger-emphasis);color:var(--ct-fg-on-emphasis)}.demo-button-danger:hover{background:var(--ct-danger-fg)}.demo-button-group{max-width:100%;display:inline-flex}.demo-button-group button{border-radius:0}.demo-button-group button:first-child{border-radius:var(--ct-radius-small) 0 0 var(--ct-radius-small)}.demo-button-group button:last-child{border-radius:0 var(--ct-radius-small) var(--ct-radius-small) 0}.demo-button-group button+button{margin-left:-1px}.demo-button-group button[aria-pressed=true]{z-index:1;border-color:var(--ct-accent-emphasis);background:var(--ct-accent-muted)}.demo-copy a{font-weight:600;text-decoration:none}.demo-copy a:hover{text-decoration:underline}.demo-field,.demo-fieldset{gap:var(--ct-space-2);display:grid}.demo-field>span,.demo-fieldset legend{font-weight:600}.demo-field input,.demo-field select,.demo-field textarea{width:100%;min-height:var(--ct-control-height);padding:var(--ct-space-1) var(--ct-space-3);border:1px solid var(--ct-border-control);border-radius:var(--ct-radius-small);background:var(--ct-canvas-default);color:var(--ct-fg-default);font:inherit}.demo-field textarea{resize:vertical}.demo-field small,.demo-muted,.demo-list p{color:var(--ct-fg-muted)}.demo-fieldset{border:0;margin:0;padding:0}.demo-fieldset label{align-items:center;gap:var(--ct-space-2);min-height:1.75rem;display:flex}.demo-fieldset input{width:1rem;height:1rem;accent-color:var(--ct-accent-emphasis)}.demo-toggle{align-items:center;gap:var(--ct-space-2);cursor:pointer;grid-template-columns:auto auto 1fr;display:grid}.demo-toggle input{opacity:0;position:absolute}.demo-toggle>span{border:1px solid var(--ct-border-control);background:var(--ct-control-active);border-radius:999px;width:2rem;height:1.125rem;position:relative}.demo-toggle>span:after{background:var(--ct-fg-on-emphasis);width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--ct-border-control);content:"";border-radius:50%;position:absolute;top:2px;left:2px}.demo-toggle input:checked+span{border-color:var(--ct-accent-emphasis);background:var(--ct-accent-emphasis)}.demo-toggle input:checked+span:after{transform:translate(.875rem)}.demo-menu{width:max-content;position:relative}.demo-menu summary{align-items:center;list-style:none;display:inline-flex}.demo-menu summary::-webkit-details-marker{display:none}.demo-menu [role=menu]{z-index:2;top:calc(100% + var(--ct-space-1));min-width:10rem;padding:var(--ct-space-1);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-overlay-bg);box-shadow:var(--ct-shadow-medium);display:grid;position:absolute;left:0}.demo-menu [role=menuitem]{text-align:left;background:0 0;border:0}.demo-side-menu,.demo-top-menu{color:var(--ct-fg-default);font-size:.8125rem}.demo-side-menu ul,.demo-top-menu ul{margin:0;padding:0;list-style:none}.demo-side-menu{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-default);width:min(100%,17rem);overflow:hidden}.demo-side-menu>p{padding:var(--ct-space-3) var(--ct-space-4);border-bottom:1px solid var(--ct-border-muted);color:var(--ct-fg-muted);margin:0;font-size:.75rem;font-weight:600}.demo-side-menu>ul{gap:var(--ct-space-1);padding:var(--ct-space-2);display:grid}.demo-side-menu a{min-height:2rem;padding-inline:var(--ct-space-3);border-radius:var(--ct-radius-small);color:var(--ct-fg-default);justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;display:flex}.demo-side-menu a:hover,.demo-side-menu a[aria-current=page]{background:var(--ct-control-hover)}.demo-side-menu li li a{min-height:1.75rem;padding-left:var(--ct-space-6);color:var(--ct-fg-muted);font-weight:400}.demo-side-menu li li a[aria-current=page]{color:var(--ct-accent-fg);font-weight:600}.demo-top-menu{min-height:10rem;overflow-x:auto}.demo-top-menu>ul{border-bottom:1px solid var(--ct-border-default);width:max-content;min-width:100%;display:flex}.demo-top-menu>ul>li{position:relative}.demo-top-menu>ul>li>a{align-items:center;gap:var(--ct-space-2);min-height:2.5rem;padding-inline:var(--ct-space-4);color:var(--ct-fg-default);border-bottom:2px solid #0000;font-weight:600;text-decoration:none;display:flex}.demo-top-menu>ul>li>a:hover,.demo-top-menu>ul>li.is-active>a{border-bottom-color:var(--ct-accent-emphasis)}.demo-top-menu>ul>li>ul{display:none}.demo-top-menu>ul>li.is-active>ul{z-index:1;top:calc(100% + var(--ct-space-1));min-width:10rem;padding:var(--ct-space-1);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-overlay-bg);box-shadow:var(--ct-shadow-medium);display:grid;position:absolute;left:0}.demo-top-menu li li a{min-height:2rem;padding-inline:var(--ct-space-3);border-radius:var(--ct-radius-small);color:var(--ct-fg-default);align-items:center;text-decoration:none;display:flex}.demo-top-menu li li a:hover{background:var(--ct-control-hover)}.danger-text{color:var(--ct-danger-fg)!important}.demo-pagination,.demo-tabs{align-items:center;max-width:100%;display:flex}.demo-pagination a{min-width:2rem;min-height:2rem;padding-inline:var(--ct-space-2);border-radius:var(--ct-radius-small);color:var(--ct-fg-default);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.demo-pagination a[aria-current=page]{background:var(--ct-accent-emphasis);color:var(--ct-fg-on-emphasis)}.demo-tabs{gap:var(--ct-space-4);border-bottom:1px solid var(--ct-border-default)}.demo-tabs a{padding-block:var(--ct-space-2);color:var(--ct-fg-default);white-space:nowrap;text-decoration:none;position:relative}.demo-tabs a[aria-current=page]{font-weight:600}.demo-tabs a[aria-current=page]:after{background:var(--ct-nav-indicator);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.demo-avatar{border:1px solid var(--ct-border-default);background:var(--ct-neutral-emphasis);width:2.5rem;height:2.5rem;color:var(--ct-fg-on-emphasis);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.demo-avatar-square{border-radius:var(--ct-radius-small)}.demo-avatar-small{width:2rem;height:2rem}.demo-badge{min-height:1.5rem;padding-inline:var(--ct-space-2);border:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);color:var(--ct-fg-muted);border-radius:999px;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.demo-badge-success{border-color:var(--ct-success-fg);background:var(--ct-success-muted);color:var(--ct-success-fg)}.demo-badge-danger{border-color:var(--ct-danger-fg);background:var(--ct-danger-muted);color:var(--ct-danger-fg)}.demo-card,.demo-dialog,.demo-panel{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-default);box-shadow:var(--ct-shadow-small);overflow:hidden}.demo-card header,.demo-panel header{justify-content:space-between;align-items:center;gap:var(--ct-space-3);padding:var(--ct-space-3) var(--ct-space-4);border-bottom:1px solid var(--ct-border-default);display:flex}.demo-card>p,.demo-panel>p{padding:var(--ct-space-4)}.demo-card footer{padding:var(--ct-space-2) var(--ct-space-4);border-top:1px solid var(--ct-border-default);background:var(--ct-canvas-subtle);color:var(--ct-fg-muted);font-size:.75rem}.demo-list{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);margin:0;padding:0;list-style:none}.demo-list li{align-items:center;gap:var(--ct-space-3);padding:var(--ct-space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.demo-list li+li{border-top:1px solid var(--ct-border-default)}.demo-table-wrap{border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);max-width:100%;overflow-x:auto}.demo-table{border-collapse:collapse;text-align:left;width:100%;min-width:24rem}.demo-table th,.demo-table td{padding:var(--ct-space-2) var(--ct-space-3);border-bottom:1px solid var(--ct-border-default)}.demo-table th{background:var(--ct-canvas-subtle);font-weight:600}.demo-alert{padding:var(--ct-space-4);border:1px solid var(--ct-accent-fg);border-radius:var(--ct-radius-medium);background:var(--ct-accent-muted);border-left-width:4px}.demo-alert p{margin-top:var(--ct-space-1)}.demo-alert-attention{border-color:var(--ct-attention-fg);background:var(--ct-attention-muted)}.demo-alert-danger{border-color:var(--ct-danger-fg);background:var(--ct-danger-muted)}.demo-dialog{max-width:22rem;padding:var(--ct-space-5);background:var(--ct-overlay-bg);box-shadow:var(--ct-shadow-medium)}.demo-dialog h3{margin:0 0 var(--ct-space-2)}.demo-dialog-actions{margin-top:var(--ct-layout-action-gap);justify-content:flex-end}.demo-progress{gap:var(--ct-space-3);display:grid}.demo-progress>div{justify-content:space-between;gap:var(--ct-space-4);display:flex}.demo-progress progress{width:100%;height:.5rem;accent-color:var(--ct-accent-emphasis)}.demo-tooltip-example{justify-content:center;display:inline-flex;position:relative}.demo-icon-button{width:var(--ct-control-height);padding:0}.demo-tooltip{bottom:calc(100% + var(--ct-space-2));padding:var(--ct-space-1) var(--ct-space-2);border-radius:var(--ct-radius-small);background:var(--ct-neutral-emphasis);color:var(--ct-fg-on-emphasis);white-space:nowrap;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}.example-gallery-landing-page{grid-template-columns:1fr}.example-gallery-landing-page .example-scenario>div{padding:0;overflow:hidden}.demo-landing-page{background:var(--ct-canvas-default);width:100%;min-width:0;color:var(--ct-fg-default)}.demo-landing-page>header{min-height:3rem;padding-inline:var(--ct-container-padding);justify-content:flex-end;align-items:center;display:flex}.demo-landing-login{min-height:var(--ct-control-height);padding-inline:var(--ct-space-4);border:1px solid var(--ct-border-control);border-radius:var(--ct-radius-small);background:var(--ct-control-bg);color:var(--ct-fg-default);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.demo-landing-login:hover{background:var(--ct-control-hover)}.demo-landing-hero{justify-content:center;align-items:center;gap:clamp(var(--ct-space-8), 8vw, var(--ct-space-12));min-height:25rem;padding:var(--ct-space-10) var(--ct-container-padding);grid-template-columns:minmax(16rem,26rem) minmax(18rem,32rem);display:grid}.demo-landing-content{gap:var(--ct-space-4);justify-items:start;display:grid}.demo-landing-hero h3,.demo-landing-hero p{margin:0}.demo-landing-hero h3{letter-spacing:-.035em;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1.08}.demo-landing-hero p{max-width:32rem;color:var(--ct-fg-muted);font-size:1rem}.demo-landing-hero .demo-button{margin-top:var(--ct-layout-action-gap)}.demo-landing-logo{aspect-ratio:1;width:100%;display:block}.demo-landing-logo img{object-fit:contain;width:100%;height:100%;display:block}.demo-landing-logo .demo-landing-logo-dark,:root[data-theme=dark] .demo-landing-logo .demo-landing-logo-light{display:none}:root[data-theme=dark] .demo-landing-logo .demo-landing-logo-dark{display:block}.demo-divider-example{gap:var(--ct-space-3);display:grid}.demo-divider-example hr{border:0;border-top:1px solid var(--ct-border-default);width:100%;margin:0}.demo-panel header h3{margin:0}.demo-stack{gap:var(--ct-layout-peer-gap);display:grid}.demo-stack>div{padding:var(--ct-space-3) var(--ct-space-4);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-subtle);font-weight:600}.usage-grid,.related-links{gap:var(--ct-layout-peer-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.usage-grid article{gap:var(--ct-space-2);padding:var(--ct-space-4);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);background:var(--ct-canvas-subtle);display:grid}.related-links{grid-template-columns:repeat(3,minmax(0,1fr))}.related-links a{gap:var(--ct-space-1);padding:var(--ct-space-4);border:1px solid var(--ct-border-default);border-radius:var(--ct-radius-medium);color:var(--ct-fg-default);font-weight:600;text-decoration:none;display:grid}.related-links a:hover{border-color:var(--ct-border-control);background:var(--ct-canvas-subtle)}.related-links span{color:var(--ct-fg-muted);font-weight:400}@media (max-width:1100px){.example-gallery{grid-template-columns:1fr}.example-scenario>div{min-height:8rem}}@media (max-width:768px){.sidebar-component-list{align-items:center}.sidebar-category{display:block}.sidebar-category>ul{display:none}.component-detail{padding:var(--ct-space-6) var(--ct-space-4) var(--ct-space-8)}.detail-header{flex-direction:column;align-items:flex-start}.detail-tabs{gap:var(--ct-space-4);overflow-x:auto}.demo-landing-page>header{padding-block:var(--ct-space-3)}.demo-landing-hero{min-height:auto;padding-block:var(--ct-space-8);grid-template-columns:1fr}.demo-landing-logo{justify-self:center;width:min(100%,18rem)}.usage-grid,.related-links{grid-template-columns:1fr}}@media (forced-colors:active){.example-scenario,.demo-button,.demo-card,.demo-dialog,.demo-list,.demo-panel,.demo-table-wrap,.demo-alert,.usage-grid article,.related-links a{border-color:canvastext}}