.ic-component-page{min-height:calc(100vh - 82px);padding-top:45px;padding-bottom:95px}.ic-doc-breadcrumb{color:var(--ic-text-subtle);align-items:center;gap:8px;margin-bottom:35px;font-size:11px;display:flex}.ic-doc-breadcrumb a:hover{color:var(--ic-accent)}.ic-component-page h1{letter-spacing:-.06em;margin:15px 0 10px;font-size:clamp(38px,4vw,56px);font-weight:730;line-height:1.1}.ic-component-page h1 em{color:var(--ic-accent);font-style:normal}.ic-component-intro{color:var(--ic-text-muted);max-width:700px;margin:5px 0 34px;font-size:14px;line-height:1.7}.ic-catalogue-search{background:var(--ic-input-bg);border:1px solid var(--ic-border);border-radius:var(--ic-radius-md);max-width:420px;color:var(--ic-text-subtle);align-items:center;gap:8px;margin-bottom:34px;padding:0 9px;display:flex}.ic-catalogue-search .ic-input{background:0 0;border:0;outline:0}.ic-catalogue-index section{margin:28px 0 42px}.ic-catalogue-index h2{letter-spacing:-.035em;margin:0 0 15px;font-size:17px;font-weight:670}.ic-catalogue-index h2 span{color:var(--ic-text-subtle);margin-left:7px;font-size:11px;font-weight:500}.ic-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.ic-catalogue-link{background:var(--ic-panel);border:1px solid var(--ic-border);border-radius:var(--ic-radius-xl);min-height:178px;transition:background .25s,border-color .25s,transform .3s var(--ic-ease);flex-direction:column;align-items:flex-start;gap:11px;padding:20px;display:flex}.ic-catalogue-link:hover{background:var(--ic-panel-raised);border-color:var(--ic-outline);transform:translateY(-3px)}.ic-catalogue-link-icon{background:color-mix(in srgb,var(--ic-accent) 12%,transparent);border-radius:var(--ic-radius-md);width:34px;height:34px;color:var(--ic-accent);place-items:center;display:grid}.ic-catalogue-link strong{letter-spacing:-.02em;font-size:14px;font-weight:680}.ic-catalogue-link p{color:var(--ic-text-muted);flex:1;margin:0;font-size:11px;line-height:1.6}.ic-catalogue-link>span{color:var(--ic-accent);align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.ic-catalogue-empty{background:var(--ic-panel);border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg);padding:25px}.ic-catalogue-empty p{color:var(--ic-text-muted);font-size:12px}.ic-component-detail{border:1px solid var(--ic-border);border-radius:var(--ic-radius-xl);background:var(--ic-panel);margin-top:28px;padding:19px}.ic-component-detail-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.ic-component-detail-bar div{color:var(--ic-text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.ic-component-detail-bar svg{color:var(--ic-accent)}.ic-component-detail-tabs{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.ic-component-canvas{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:26px;display:flex;overflow:auto}.ic-component-canvas>*{max-width:100%}.ic-component-code{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ic-text);min-height:300px;margin:0;padding:25px;font-size:12px;line-height:1.8;overflow:auto}.ic-component-hint{color:var(--ic-text-subtle);margin:15px 0 0;font-size:11px;line-height:1.65}.ic-component-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:32px;display:flex}.ic-component-bottom a{color:var(--ic-accent);align-items:center;gap:7px;font-size:12px;display:inline-flex}.ic-example-flex{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.ic-example-narrow{width:min(100%,410px)}.ic-example-stack{flex-direction:column;gap:12px;display:flex}.ic-component-canvas>.ic-example-stack{width:min(100%,520px)}.ic-example-panel{color:var(--ic-text-muted);padding:25px 5px;font-size:12px}.ic-example-shell{width:min(100%,670px);min-width:0}.ic-example-shell .ic-app-shell{grid-template-columns:180px minmax(0,1fr);min-height:300px}.ic-example-shell .ic-app-shell--collapsed{grid-template-columns:66px minmax(0,1fr)}.ic-example-shell .ic-sidebar{padding:12px}.ic-example-shell .ic-workspace{padding:18px}.ic-example-shell .ic-sidebar-header{padding:10px 6px 22px}.ic-example-shell .ic-sidebar-brand-label{font-size:14px;font-weight:700}.ic-component-canvas .ic-page-header{width:100%}.ic-component-canvas .ic-page-header h1{font-size:24px}.ic-component-canvas .ic-page-header p{font-size:12px}@media (max-width:850px){.ic-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ic-catalogue-grid{grid-template-columns:1fr}.ic-component-detail{padding:12px}.ic-component-canvas{min-height:250px;padding:15px}.ic-example-shell .ic-app-shell,.ic-example-shell .ic-app-shell--collapsed{grid-template-columns:minmax(0,1fr)}.ic-example-shell .ic-workspace{min-height:300px}.ic-component-bottom{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ic-catalogue-link:hover{transform:none}}.ic-explorer-shell{grid-template-columns:254px minmax(0,1fr);align-items:start;gap:20px;width:min(100% - 44px,1440px);margin:20px auto 65px;display:grid}.ic-explorer-main{min-width:0}.ic-explorer-main .ic-component-page{min-height:calc(100dvh - 150px);padding:22px 4px 55px}.ic-explorer-main .ic-doc-breadcrumb{margin-bottom:26px}.ic-explorer-sidebar{background:var(--ic-panel);border:1px solid var(--ic-border);border-radius:var(--ic-radius-xl);min-height:430px;max-height:calc(100dvh - 36px);box-shadow:var(--ic-card-shadow,none);flex-direction:column;display:flex;position:sticky;top:18px;overflow:hidden}.ic-explorer-sidebar-top{flex-shrink:0;padding:21px 15px 13px}.ic-explorer-side-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.ic-explorer-side-heading>div{flex-direction:column;gap:6px;display:flex}.ic-explorer-eyebrow{letter-spacing:.11em;color:var(--ic-text-subtle);font-size:9px;font-weight:680}.ic-explorer-side-heading strong{letter-spacing:-.05em;color:var(--ic-text);font-size:19px;font-weight:740}.ic-explorer-count{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-md);color:var(--ic-text-muted);padding:5px 9px;font-size:11px}.ic-explorer-search{background:var(--ic-input-bg);border:1px solid var(--ic-border);border-radius:var(--ic-radius-md);height:38px;color:var(--ic-text-subtle);align-items:center;gap:7px;padding:0 9px;transition:border-color .18s;display:flex}.ic-explorer-search:focus-within{border-color:var(--ic-accent)}.ic-explorer-search .ic-input{min-width:0;height:34px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:11px}.ic-explorer-search>kbd{border:1px solid var(--ic-border);border-radius:5px;padding:3px 6px;font-size:10px}.ic-explorer-search>button{color:var(--ic-text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.ic-explorer-nav{scrollbar-width:thin;scrollbar-color:var(--ic-outline) transparent;overscroll-behavior:contain;flex:1;padding:0 9px 10px;overflow:auto}.ic-explorer-index-link{color:var(--ic-text-muted);border-radius:var(--ic-radius-md);align-items:center;gap:11px;margin-bottom:12px;padding:11px 12px;font-size:12px;font-weight:640;display:flex}.ic-explorer-index-link>svg:last-child{margin-left:auto}.ic-explorer-index-link:hover,.ic-explorer-index-link.is-current{background:var(--ic-hover);color:var(--ic-text)}.ic-explorer-group{margin-top:7px}.ic-explorer-group-button{width:100%;color:var(--ic-text-muted);border-radius:var(--ic-radius-md);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:11px 10px;transition:background .2s,color .2s;display:flex}.ic-explorer-group-button:hover{background:var(--ic-hover);color:var(--ic-text)}.ic-explorer-group-button strong{flex:1;font-size:11px;font-weight:740}.ic-explorer-group-count{color:var(--ic-text-subtle);font-variant-numeric:tabular-nums;font-size:10px}.ic-explorer-group-items{flex-direction:column;gap:2px;padding:0 0 5px 19px;display:flex}.ic-explorer-component-link{min-height:32px;color:var(--ic-text-muted);border-radius:var(--ic-radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:520;transition:background .17s,color .17s,transform .17s;display:flex}.ic-explorer-component-link:hover{color:var(--ic-text);background:var(--ic-hover);transform:translate(2px)}.ic-explorer-component-link.is-current{background:color-mix(in srgb,var(--ic-accent) 13%,transparent);color:var(--ic-accent);font-weight:720}.ic-explorer-active-dot{background:var(--ic-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.ic-explorer-sidebar-bottom{border-top:1px solid var(--ic-border);flex-direction:column;flex-shrink:0;gap:3px;padding:12px;display:flex}.ic-explorer-sidebar-bottom a{color:var(--ic-text-muted);border-radius:var(--ic-radius-md);align-items:center;gap:10px;padding:9px 10px;font-size:11px;display:flex}.ic-explorer-sidebar-bottom a svg:last-child{margin-left:auto}.ic-explorer-sidebar-bottom a:hover{background:var(--ic-hover);color:var(--ic-accent)}.ic-explorer-no-results{text-align:center;color:var(--ic-text-muted);padding:25px 8px;font-size:11px}.ic-explorer-mobile-bar,.ic-explorer-backdrop{display:none}.ic-explorer-main .ic-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-explorer-main .ic-component-bottom a{border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg);background:var(--ic-panel);align-items:center;gap:10px;min-height:67px;padding:12px 15px;transition:background .18s,border-color .18s;display:flex}.ic-explorer-main .ic-component-bottom a:hover{background:var(--ic-hover);border-color:var(--ic-outline)}.ic-component-bottom a span{flex-direction:column;gap:4px;display:flex}.ic-component-bottom a small{color:var(--ic-text-subtle);font-size:10px}.ic-component-bottom a strong{font-size:12px}@media (min-width:1300px){.ic-explorer-main .ic-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.ic-explorer-shell{width:min(100% - 30px,850px);margin:12px auto;display:block}.ic-explorer-mobile-bar{border:1px solid var(--ic-border);background:var(--ic-panel);border-radius:var(--ic-radius-lg);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ic-explorer-mobile-bar>span{color:var(--ic-text-subtle);font-size:11px}.ic-explorer-mobile-toggle{color:var(--ic-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:12px;display:flex}.ic-explorer-sidebar{z-index:102;visibility:hidden;pointer-events:none;width:min(320px,100vw - 35px);height:calc(100dvh - 20px);min-height:0;max-height:none;transition:transform .26s var(--ic-ease),visibility .26s;position:fixed;top:10px;bottom:10px;left:10px;transform:translate(calc(-100% - 25px))}.ic-explorer-sidebar.is-mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.ic-explorer-backdrop{z-index:101;background:#0b0912c4;border:0;display:block;position:fixed;inset:0}.ic-explorer-main .ic-component-page{padding-top:35px}}@media (max-width:600px){.ic-explorer-main .ic-catalogue-grid{grid-template-columns:1fr}.ic-component-bottom{gap:8px}.ic-component-bottom a{flex:1;min-width:0}.ic-component-bottom a strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.ic-explorer-sidebar,.ic-explorer-component-link{transition:none!important}.ic-explorer-component-link:hover{transform:none}}.ic-code-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ic-code-window{background:var(--ic-panel-muted);border:1px solid var(--ic-border);border-radius:var(--ic-radius-lg);--ic-code-keyword:#8f58bc;--ic-code-string:#158569;--ic-code-number:#b07522;--ic-code-comment:#88818d;--ic-code-component:#326ab6;--ic-code-attribute:#a4497b;--ic-code-punctuation:#766b83;min-width:0;overflow:hidden}[data-theme=dark] .ic-code-window{--ic-code-keyword:#c4a0ff;--ic-code-string:#8ed9b5;--ic-code-number:#ecc68a;--ic-code-comment:#8c8599;--ic-code-component:#95c9ff;--ic-code-attribute:#efafcf;--ic-code-punctuation:#afa6bd}.ic-code-window-header{border-bottom:1px solid var(--ic-border);background:color-mix(in srgb,var(--ic-panel) 65%,var(--ic-panel-muted));justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 18px;display:flex}.ic-code-window-file{color:var(--ic-text);align-items:center;gap:9px;font-size:11px;font-weight:640;display:flex}.ic-code-window-file>svg{color:var(--ic-accent)}.ic-code-language{letter-spacing:.07em;color:var(--ic-code-component);border:1px solid var(--ic-border);border-radius:5px;margin-left:5px;padding:3px 6px;font-size:9px;font-weight:800}.ic-code-window-count{color:var(--ic-text-subtle);font-size:10px}.ic-code-window-scroll{scrollbar-width:thin;scrollbar-color:var(--ic-outline) transparent;max-width:100%;overflow:auto}.ic-code-window-scroll:focus-visible{outline:2px solid var(--ic-accent);outline-offset:-2px}.ic-code-window .ic-component-code{min-height:280px;color:var(--ic-text);font-size:12px;line-height:1.85;font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow-wrap:normal;background:0 0;border:0;border-radius:0;margin:0;padding:19px 0 23px;display:block;overflow:visible}.ic-code-window .ic-component-code>code{min-width:max-content;display:block}.ic-code-window .ic-code-line{grid-template-columns:54px minmax(0,1fr);min-height:1.85em;display:grid}.ic-code-line-number{text-align:right;-webkit-user-select:none;user-select:none;color:var(--ic-text-subtle);opacity:.65;border-right:1px solid var(--ic-border);font-variant-numeric:tabular-nums;margin-right:16px;padding-right:14px;display:block}.ic-code-line-content{white-space:pre;min-width:0;padding-right:25px;display:block}.ic-code-window .ic-component-code--wrap>code{min-width:0}.ic-code-window .ic-component-code--wrap .ic-code-line-content{white-space:pre-wrap;overflow-wrap:anywhere}.ic-syntax-keyword{color:var(--ic-code-keyword);font-weight:620}.ic-syntax-string{color:var(--ic-code-string)}.ic-syntax-number{color:var(--ic-code-number)}.ic-syntax-comment{color:var(--ic-code-comment);font-style:italic}.ic-syntax-component{color:var(--ic-code-component)}.ic-syntax-attribute{color:var(--ic-code-attribute)}.ic-syntax-punctuation{color:var(--ic-code-punctuation)}@media (max-width:600px){.ic-code-actions{gap:2px}.ic-code-window-header{padding:0 11px}.ic-code-window .ic-component-code{font-size:11px}.ic-code-window .ic-code-line{grid-template-columns:39px minmax(0,1fr)}.ic-code-line-number{margin-right:9px;padding-right:9px}.ic-component-detail-tabs{flex-wrap:wrap}}.ic-api-section{border-top:1px solid var(--ic-border);margin-top:38px;padding-top:28px}.ic-api-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:14px;margin-bottom:17px;display:flex}.ic-api-heading h2{letter-spacing:-.045em;color:var(--ic-text);margin:0 0 6px;font-size:22px;font-weight:750}.ic-api-heading p{max-width:62ch;color:var(--ic-text-muted);margin:0;font-size:12px;line-height:1.6}.ic-api-count{border-radius:var(--ic-radius-md);background:var(--ic-panel-muted);color:var(--ic-text-muted);white-space:nowrap;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.ic-api-count>svg{color:var(--ic-accent)}.ic-api-table-frame{border:1px solid var(--ic-border);border-radius:var(--ic-radius-xl);background:var(--ic-panel);scrollbar-width:thin;scrollbar-color:var(--ic-outline) transparent;overscroll-behavior-x:contain;overflow:auto}.ic-api-table{border-spacing:0;border-collapse:separate;text-align:left;width:100%;min-width:730px;color:var(--ic-text);font-size:11px;line-height:1.6}.ic-api-table thead{background:var(--ic-panel-muted)}.ic-api-table th{color:var(--ic-text-muted);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--ic-border);padding:13px 15px;font-size:10px;font-weight:730}.ic-api-table td{vertical-align:top;border-bottom:1px solid var(--ic-border);padding:15px}.ic-api-table tbody tr:last-child td{border-bottom:0}.ic-api-table tbody tr:hover{background:color-mix(in srgb,var(--ic-accent) 3%,var(--ic-panel))}.ic-api-table td:first-child{min-width:165px}.ic-api-table td:nth-child(2){min-width:135px}.ic-api-table td:nth-child(5){min-width:170px}.ic-api-table td:nth-child(6){min-width:220px}.ic-api-table code{white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.ic-api-prop{color:var(--ic-accent);font-weight:760}.ic-api-type{color:var(--ic-text-muted)}.ic-api-required{color:var(--ic-text);font-weight:700}.ic-api-optional{color:var(--ic-text-subtle)}.ic-api-default{color:var(--ic-code-string,var(--ic-text-muted))}.ic-api-values{color:var(--ic-text-muted);overflow-wrap:anywhere;font-size:10px}.ic-api-description{color:var(--ic-text-muted)}.ic-api-footer{color:var(--ic-text-subtle);align-items:start;gap:9px;margin-top:14px;font-size:11px;line-height:1.6;display:flex}.ic-api-footer svg{color:var(--ic-accent);flex-shrink:0;margin-top:2px}.ic-api-empty{color:var(--ic-text-muted);padding:22px;font-size:12px}@media (max-width:620px){.ic-api-section{margin-top:26px}.ic-api-heading h2{font-size:20px}.ic-api-table th{padding:11px}.ic-api-table td{padding:12px 11px}}.site.ic-explorer-site{overflow:visible}.ic-explorer-site .ic-explorer-shell{align-items:start}.ic-explorer-site .ic-explorer-sidebar{align-self:start;height:calc(100dvh - 36px);min-height:0;max-height:calc(100dvh - 36px);position:sticky;top:18px}.ic-explorer-group-button:hover:not(:disabled),.ic-explorer-mobile-toggle:hover:not(:disabled){background:var(--ic-hover)}.ic-explorer-group-button:active:not(:disabled),.ic-explorer-mobile-toggle:active:not(:disabled){transform:scale(var(--ic-motion-press))}.ic-explorer-index-link:active,.ic-explorer-component-link:active{background:color-mix(in srgb,var(--ic-accent) 12%,var(--ic-panel))}.ic-explorer-sidebar-bottom a:active{transform:scale(var(--ic-motion-press))}@media (max-width:980px){.ic-explorer-site .ic-explorer-sidebar{height:calc(100dvh - 20px);min-height:0;max-height:calc(100dvh - 20px);position:fixed;top:10px}}html[data-motion=none] .ic-explorer-group-button:active,html[data-motion=none] .ic-explorer-mobile-toggle:active,html[data-motion=none] .ic-explorer-sidebar-bottom a:active{transform:none}@media (prefers-reduced-motion:reduce){.ic-explorer-group-button:active,.ic-explorer-mobile-toggle:active,.ic-explorer-sidebar-bottom a:active{transform:none}}