@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-variable-normal.BFQXbQ-f.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-variable-normal.BwkfbSeq.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-variable-italic.Ck9oD2H0.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-display:swap;font-weight:100 900;src:url(./inter-latin-variable-italic.BbqH_2Ar.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}button,input:where([type=button],[type=reset],[type=submit]){appearance:auto}textarea{resize:vertical}::-webkit-search-decoration{appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}[hidden]:where(:not([hidden=until-found])){display:none!important}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{appearance:none}input::placeholder,textarea::placeholder{opacity:1;color:rgb(from currentcolor r g b / 50%)}input:where([type=checkbox]),input:where([type=radio]){appearance:none;vertical-align:middle;-webkit-user-select:none;user-select:none;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}:root{--color-brand-black: #222;--color-brand-absolute-black: #000;--color-brand-graphite: #444545;--color-brand-marengo: #4c5866;--color-brand-pale-white: #f5f5f5;--color-brand-white: #fdfdfd;--color-brand-absolute-white: #fff;--color-brand-honeydew: #eff7f0;--color-brand-aero-blue: #dafde6;--color-brand-azure-mist: #dafbfd;--color-brand-azure-periwinkle: #dae6fd;--color-brand-pale-marengo: #ededf1;--color-brand-azure-lavender: #ebdafd;--color-brand-bright-gray: #e5e5ee;--color-brand-pastel-pink: #ffd4d4;--color-brand-granny-smith: #95e29f;--color-brand-crayola: #59ac66;--color-brand-iguana-green: #6bc179;--color-brand-bright-tangelo: #ee6d27;--color-brand-cinnabar: #e25131;--color-brand-golden: #ffd600;--color-brand-coral: #ed7f6e;--color-brand-picton-blue: #2193eb;--color-brand-supernova: #fcc504;--color-brand-silver-gray: #b6b7bf;--color-brand-pale-gray: #d9d9d9;--color-brand-concrete: #888;--color-brand-midnight-blue: #0b3465;--color-background: var(--color-brand-white);--color-foreground: var(--color-brand-black);--color-foreground-60: rgb(from var(--color-foreground) r g b / 60%);--color-foreground-40: rgb(from var(--color-foreground) r g b / 40%);--color-primary: var(--color-brand-graphite);--color-primary-foreground: var(--color-brand-white);--color-secondary: var(--color-brand-white);--color-secondary-foreground: var(--color-brand-marengo);--color-muted: var(--color-brand-pale-marengo);--color-muted-foreground: var(--color-brand-marengo);--color-accent: var(--color-brand-pale-white);--color-accent-foreground: var(--color-brand-black);--color-info: var(--color-brand-picton-blue);--color-info-foreground: var(--color-brand-graphite);--color-warning: var(--color-brand-supernova);--color-warning-foreground: var(--color-brand-graphite);--color-destructive: var(--color-brand-coral);--color-destructive-foreground: var(--color-brand-white);--color-error: var(--color-brand-cinnabar);--color-error-foreground: var(--color-brand-white);--color-success: var(--color-brand-granny-smith);--color-success-foreground: var(--color-brand-white);--color-card: var(--color-brand-white);--color-card-foreground: var(--color-brand-marengo);--color-border: var(--color-brand-bright-gray);--color-input: var(--color-brand-pale-marengo);--color-input-foreground: var(--color-brand-marengo);--color-ring: var(--color-brand-picton-blue);--space-4: 4px;--space-5: 5px;--space-8: 8px;--space-10: 10px;--space-15: 15px;--space-20: 20px;--icon-size-xs: 10px;--icon-size-s: 15px;--icon-size-m: 20px;--icon-size-l: 25px;--duration-fast: .2s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--radius-field: 5px;--radius-panel: 10px;--radius-pill: 9999px;--font-size-2xs: 9px;--font-size-xs: 10px;--font-size-s: 11px;--font-size-m: 14px;--line-height-tight: 1;--line-height-body: 1.15;--line-height-control: 20px;--control-height-s: 30px;--control-height-m: 40px;--control-size-s: 20px;--panel-min-width: 250px;--background-field: var(--color-input);--background-overlay: linear-gradient(to right, var(--color-brand-white), var(--color-brand-white)), linear-gradient(to bottom, var(--color-brand-absolute-white), var(--color-brand-pale-marengo));--color-overlay-border: rgb(from var(--color-brand-marengo) r g b / 16%);--shadow-field: 0 0 3px 1px var(--color-brand-absolute-white), 0 0 2px 1px rgb(from var(--color-input-foreground) r g b / 25%) inset, 0 0 1px 0 rgb(from var(--color-input-foreground) r g b / 25%) inset;--shadow-field-hover: 0 2px 2px 0 var(--color-brand-absolute-white), 0 0 1px 0 rgb(from var(--color-input-foreground) r g b / 50%) inset, 0 1px 5px 0 rgb(from var(--color-input-foreground) r g b / 30%) inset;--shadow-field-active: 0 2px 0 0 var(--color-brand-absolute-white), 0 0 0 0 transparent inset, 0 2px 5px 0 rgb(from var(--color-input-foreground) r g b / 50%) inset;--shadow-overlay: 0 0 0 1px rgb(from var(--color-brand-absolute-white) r g b / 70%) inset, 0 1px 2px 0 rgb(from var(--color-brand-marengo) r g b / 10%), 0 8px 26px -18px rgb(from var(--color-brand-absolute-black) r g b / 42%);--font-main: "Inter", "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif}:root{--scrollbar-size: 12px;--scrollbar-thumb-size: 5px;--scrollbar-thumb-inset: calc((var(--scrollbar-size) - var(--scrollbar-thumb-size)) / 2);--scrollbar-track-color: transparent;--scrollbar-thumb-color: rgb(from var(--color-brand-black) r g b / 22%);--scrollbar-thumb-color-hover: rgb(from var(--color-brand-black) r g b / 40%);--scrollbar-thumb-color-active: rgb(from var(--color-brand-black) r g b / 50%);--scrollbar-thumb-shadow: 1px 1px 2px 0 rgb(from var(--color-brand-absolute-black) r g b / 28%)}html{scrollbar-gutter:stable}*{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:var(--scrollbar-track-color)}*::-webkit-scrollbar-thumb{min-width:var(--scrollbar-thumb-size);min-height:var(--scrollbar-thumb-size);border:var(--scrollbar-thumb-inset) solid transparent;border-radius:var(--radius-pill);background:var(--scrollbar-thumb-color);background-clip:content-box;box-shadow:var(--scrollbar-thumb-shadow)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-color-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-color-active)}*::-webkit-scrollbar-corner{background:transparent}.ui-scrollbar-gutter-stable{scrollbar-gutter:stable}.ui-scrollbar-gutter-both-edges{scrollbar-gutter:stable both-edges}:root{--animate-dot-bounce: dot-bounce 1.4s infinite ease-in-out both;--animation-delay-0: 0s;--animation-delay-75: 75ms;--animation-delay-100: .1s;--animation-delay-150: .15s;--animation-delay-200: .2s;--animation-delay-300: .3s;--animation-delay-500: .5s;--animation-delay-700: .7s;--animation-delay-1000: 1s}@keyframes dot-bounce{15%{translate:0 -2px}33%{translate:0}}.animate-dot-bounce{animation:var(--animate-dot-bounce)}.delay-0{animation-delay:var(--animation-delay-0)}.delay-75{animation-delay:var(--animation-delay-75)}.delay-100{animation-delay:var(--animation-delay-100)}.delay-150{animation-delay:var(--animation-delay-150)}.delay-200{animation-delay:var(--animation-delay-200)}.delay-300{animation-delay:var(--animation-delay-300)}.delay-500{animation-delay:var(--animation-delay-500)}.delay-700{animation-delay:var(--animation-delay-700)}.delay-1000{animation-delay:var(--animation-delay-1000)}.showcase-shell{min-height:100vh;overflow-x:clip;background:var(--color-background);color:var(--color-foreground)}.showcase-header{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-10);min-height:var(--control-height-m);padding:var(--space-8) var(--space-15);border-bottom:1px solid var(--color-border);background:var(--color-background)}.showcase-header__brand{margin-right:auto;font-family:var(--font-main);font-size:var(--font-size-m);font-weight:700;line-height:var(--line-height-tight);color:var(--color-foreground);text-decoration:none}.showcase-header__tabs{min-width:0}.showcase-body{display:grid;min-width:0}.showcase-sidebar{display:none;min-width:0;padding:var(--space-15);border-right:1px solid var(--color-border)}.showcase-sidebar__title{margin:0 0 var(--space-10);font-family:var(--font-main);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-foreground-60)}.showcase-sidebar__list{display:grid;gap:var(--space-4)}.showcase-sidebar__link{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:var(--control-height-s);padding:0 var(--space-8);border-radius:var(--radius-field);font-family:var(--font-main);font-size:var(--font-size-m);color:var(--color-foreground);text-decoration:none}.showcase-sidebar__link[data-active=true],.showcase-sidebar__link:hover{background:var(--color-muted)}.showcase-sidebar__count{color:var(--color-foreground-60);font-size:var(--font-size-s)}.showcase-main{width:min(100%,80rem);min-width:0;margin-inline:auto;padding:var(--space-15)}.showcase-toolbar{display:grid;gap:var(--space-10);margin-bottom:var(--space-15)}.showcase-toolbar__meta{margin:0;font-family:var(--font-main);font-size:var(--font-size-s);color:var(--color-foreground-60)}.ui-page-header+.showcase-toolbar__meta{margin-top:var(--space-8)}.showcase-title{margin:0;font-family:var(--font-main);font-size:1.5rem;font-weight:700;line-height:var(--line-height-tight)}.showcase-lead{margin:var(--space-8) 0 0;max-width:62ch;font-family:var(--font-main);font-size:var(--font-size-m);line-height:1.4;color:var(--color-foreground-60)}.showcase-lead+.showcase-toolbar{margin-top:var(--space-20)}.showcase-grid{display:grid;grid-template-columns:1fr;gap:var(--space-15)}.showcase-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-background);color:inherit}.showcase-card__body{display:grid;gap:var(--space-5);padding:var(--space-10) var(--space-15);border-bottom:1px solid var(--color-border)}.showcase-card__name{margin:0;font-family:var(--font-main);font-size:var(--font-size-m);font-weight:700}.showcase-card__description{margin:0;overflow:hidden;font-family:var(--font-main);font-size:var(--font-size-s);line-height:1.35;color:var(--color-foreground-60);text-overflow:ellipsis;white-space:nowrap}.showcase-card__body:hover,.showcase-card__body:focus-visible{background:var(--color-muted)}.showcase-card__preview{position:relative;display:grid;height:9.5rem;min-height:9.5rem;max-height:9.5rem;place-items:center;overflow:hidden;padding:var(--space-10);background:var(--color-accent)}.showcase-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-8);max-width:100%}.showcase-preview--fill{display:grid;width:100%;height:100%;max-width:none;place-items:center stretch;justify-content:center}.showcase-preview--fit{max-width:none;zoom:.4}.showcase-card__placeholder{display:grid;height:100%;place-items:center;color:var(--color-foreground-40);font-size:var(--font-size-s)}.showcase-empty{padding:var(--space-20) 0}.showcase-section{display:grid;gap:var(--space-10);min-width:0;margin-top:var(--space-20)}.showcase-section__title{margin:0;font-family:var(--font-main);font-size:1.05rem;font-weight:700}.showcase-section__note{margin:0;font-family:var(--font-main);font-size:var(--font-size-m);line-height:1.4;color:var(--color-foreground-60)}.showcase-example{min-width:0}.showcase-stage{position:relative;display:grid;align-content:center;isolation:isolate;min-width:0;min-height:22rem;height:auto;overflow:visible;padding:4.5rem var(--space-20);border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-accent);contain:layout}.showcase-stage--code{align-content:stretch;height:22rem;min-height:22rem;overflow:auto;padding:0;background:var(--color-muted)}.showcase-stage:has(.showcase-demo-sidebar-scene),.showcase-stage[data-stage=sidebar]{align-content:stretch;min-height:40rem}.showcase-stage[data-stage=modal],.showcase-stage[data-stage=drawer]{transform:translate(0);overflow:auto}.showcase-stage[data-stage=resizable]{align-content:start;justify-items:start}.showcase-docs{margin-top:var(--space-20)}.showcase-props{display:grid;gap:var(--space-10)}.showcase-prop{display:grid;gap:var(--space-5);min-width:0;padding:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-field)}.showcase-prop__name{font-size:var(--font-size-m)}.showcase-prop__row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-8);margin:0;font-size:var(--font-size-s)}.showcase-prop__label{color:var(--color-foreground-60)}.showcase-prop__row code{min-width:0;overflow-wrap:anywhere}.showcase-code{position:relative;min-width:0;height:100%}.showcase-code__copy{position:absolute;top:var(--space-8);right:var(--space-8);z-index:1}.showcase-code pre{margin:0;padding:var(--space-15);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-muted);font-size:var(--font-size-s);line-height:1.45;white-space:pre}.showcase-stage--code .showcase-code,.showcase-stage--code pre{height:100%}.showcase-stage--code .showcase-code pre{border:0;border-radius:0}.showcase-table-wrap{min-width:0;overflow:auto}.showcase-table{width:100%;border-collapse:collapse;font-family:var(--font-main);font-size:var(--font-size-s)}.showcase-table th,.showcase-table td{padding:var(--space-8) var(--space-10);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.showcase-table th{color:var(--color-foreground-60);font-weight:700}.showcase-table code{font-size:var(--font-size-xs)}.showcase-neighbors{display:grid;gap:var(--space-10);margin-top:var(--space-20)}.showcase-neighbor{display:grid;gap:var(--space-4);min-width:0;padding:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-field);text-decoration:none;color:inherit}.showcase-neighbor span{font-size:var(--font-size-xs);color:var(--color-foreground-60);text-transform:uppercase}.showcase-neighbor strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-foundations{display:grid;gap:var(--space-20)}.showcase-swatches,.showcase-type-scale,.showcase-token-row,.showcase-icon-grid{display:grid;gap:var(--space-10)}.showcase-swatch{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-10);align-items:center;min-width:0}.showcase-swatch__chip{width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-field)}.showcase-swatch code,.showcase-token-row code{display:block;overflow:hidden;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.showcase-icon-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.showcase-icon-button{display:grid;gap:var(--space-8);justify-items:center;min-width:0;padding:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-background);color:inherit}.showcase-icon-button span{max-width:100%;overflow:hidden;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.showcase-demo-heading{margin:0 0 var(--space-8);font-family:var(--font-main);font-size:var(--font-size-s);font-weight:700;color:var(--color-foreground-60);text-transform:uppercase}.showcase-demo-stack{display:grid;gap:.5rem;min-width:0}.showcase-demo-textarea-stack{gap:var(--space-20)}.showcase-demo-stack-sm{display:grid;gap:.25rem;min-width:0}.showcase-demo-row{display:flex;align-items:center;gap:.5rem;min-width:0}.showcase-demo-row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.showcase-demo-calendar-grid,.showcase-demo-date-input-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start;min-width:0}.showcase-demo-calendar-event,.showcase-demo-drawer-form,.showcase-demo-graph-stack,.showcase-demo-pagination-stack,.showcase-demo-page-header-suite{display:grid;gap:.75rem;min-width:0}.showcase-demo-muted{font-family:var(--font-main);font-size:.85rem;color:rgb(from var(--color-foreground) r g b/72%)}.showcase-demo-item-label,.showcase-demo-list-item{font-family:var(--font-main);font-size:.85rem;color:rgb(from var(--color-foreground) r g b/80%)}.showcase-demo-tooltip-content{font-size:.75rem}.showcase-demo-icons,.showcase-demo-loader-row,.showcase-demo-modal-launchers{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.showcase-demo-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-field);background:var(--color-background);font-family:var(--font-main);font-size:.85rem}.showcase-demo-text-input{width:100%;height:2.5rem;padding-inline:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-input);font-family:var(--font-main);font-size:.85rem}.showcase-demo-color-picker-suite,.showcase-demo-empty-state-suite,.showcase-demo-skeleton-suite{display:grid;width:min(100%,58rem);gap:var(--space-15)}.showcase-demo-color-picker-suite{width:min(100%,24rem);grid-template-columns:1fr}.showcase-demo-color-card{display:grid;min-width:0;gap:var(--space-15);padding:var(--space-15);border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-background)}.showcase-demo-color-card--wide{grid-column:1/-1}.showcase-demo-color-card__header,.showcase-demo-color-status,.showcase-demo-color-accent{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-10)}.showcase-demo-color-status,.showcase-demo-color-accent{padding:var(--space-10);border-radius:var(--radius-field);background:rgb(from var(--showcase-demo-color) r g b/10%)}.showcase-demo-color-status span{width:var(--control-size-s);height:var(--control-size-s);border-radius:var(--radius-pill);background:var(--showcase-demo-color)}.showcase-demo-color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-10)}.showcase-demo-tabs-board{width:100%;min-height:8rem;padding:var(--space-15);border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-background)}.showcase-demo-tabs-heading,.showcase-demo-tabs-grid,.showcase-demo-tabs-metrics,.showcase-demo-tabs-timeline{display:grid;gap:var(--space-10);min-width:0}.showcase-demo-tabs-grid,.showcase-demo-tabs-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-demo-tabs-timeline{padding:0;margin:0;list-style:none}.showcase-demo-empty-state-grid,.showcase-demo-empty-state-variants,.showcase-demo-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-15)}.showcase-demo-empty-state-variants{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-demo-modal-slot,.showcase-demo-modal-hero{display:flex;align-items:center;justify-content:center}.showcase-demo-modal-slot{height:var(--control-height-m);background:var(--color-brand-pale-marengo);font-weight:700}.showcase-demo-modal-copy{text-align:center}.showcase-demo-modal-toolbar-actions{display:flex;gap:var(--space-10)}.showcase-demo-overlay-anchor{display:grid;width:100%;place-items:center;justify-items:center;text-align:center}.showcase-demo-overlay-anchor .showcase-demo-stack-sm{justify-items:center}.showcase-stage .showcase-demo-overlay-anchor{min-height:12rem}.showcase-demo-sidebar-scene{display:flex;align-self:stretch;width:100%;max-width:100%;min-height:0;overflow:auto}.showcase-stage .showcase-demo-sidebar-scene{min-height:28rem;height:100%}.showcase-demo-sidebar-brand{display:flex;align-items:center;justify-content:center;width:100%;min-height:28px;overflow:hidden;font-family:var(--font-main);font-size:var(--font-size-m);line-height:var(--line-height-tight);white-space:nowrap;text-overflow:ellipsis}.showcase-demo-tag-panel{display:grid;width:min(100%,28rem);gap:.6rem}.showcase-demo-tag-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.75rem}.showcase-demo-tag-caption{font-size:var(--font-size-s);color:var(--color-foreground-60);text-transform:uppercase}.showcase-demo-tag-items{display:flex;flex-wrap:wrap;gap:.35rem .5rem;min-width:0}.showcase-demo-tag-dot{display:block;width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:#15803d}.showcase-demo-context-target{display:grid;width:min(100%,18rem);min-height:6rem;place-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-field);background:var(--color-background);font-size:var(--font-size-s);color:var(--color-foreground-60)}.showcase-demo-skeleton-caption,.showcase-demo-skeleton-section{display:grid;gap:var(--space-8);min-width:0}@media(max-width:576px){.showcase-demo-tabs-grid,.showcase-demo-tabs-metrics,.showcase-demo-empty-state-grid,.showcase-demo-empty-state-variants,.showcase-demo-skeleton-grid,.showcase-demo-color-picker-suite,.showcase-demo-tag-row,.showcase-prop__row{grid-template-columns:1fr}.showcase-stage{min-height:18rem;padding:3.5rem var(--space-15)}.showcase-stage--code{height:18rem;min-height:18rem;padding:0}.showcase-stage:has(.showcase-demo-sidebar-scene),.showcase-stage[data-stage=sidebar]{min-height:40rem}}@media not (max-width:768px){.showcase-body[data-with-sidebar=true]{grid-template-columns:13.5rem minmax(0,1fr)}.showcase-sidebar{display:block;position:sticky;top:var(--control-height-m);height:calc(100vh - var(--control-height-m));overflow:auto}.showcase-main{padding:var(--space-20)}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr))}.showcase-toolbar{grid-template-columns:minmax(0,22rem) auto;align-items:end}.showcase-neighbors,.showcase-swatches,.showcase-type-scale,.showcase-token-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase-demo-tabs{width:min(100%,42rem)}.showcase-demo-drag-list{max-width:24rem}.showcase-demo-select,.showcase-demo-field{width:100%;max-width:18rem}.showcase-demo-field{max-width:22rem}.showcase-demo-date-input{width:100%;max-width:18.75rem}.showcase-demo-table{width:min(100%,40rem)}.showcase-demo-page-header{width:100%;padding:var(--space-15);border:1px solid var(--color-border);border-radius:var(--radius-field);background:var(--color-background)}.showcase-demo-radio-root{display:flex;flex-direction:column;gap:.5rem}.ui-scroll-area.showcase-demo-scroll{width:100%;max-width:16.25rem;min-height:10rem;height:12rem;border:1px dashed var(--color-border);border-radius:var(--radius-field);background:var(--color-background);box-shadow:0 0 0 1px rgb(from var(--color-foreground) r g b/6%)}.ui-resizable.showcase-demo-resizable{width:14rem;min-width:8rem;max-width:none;min-height:8rem;height:12rem;max-height:none;padding:var(--space-15);border:1px dashed var(--color-border);border-radius:var(--radius-field);background:var(--color-background);box-shadow:0 0 0 1px rgb(from var(--color-foreground) r g b/6%)}.showcase-card__preview .showcase-preview-graph{width:100%;max-width:100%;min-width:0;box-shadow:none}.showcase-card__preview .showcase-preview-graph .ui-graph__body{padding:var(--space-8)}.showcase-card__preview .showcase-preview-graph .ui-graph__canvas{height:6.75rem;min-height:0}.showcase-card__preview .showcase-preview-skeleton{width:12rem;min-width:12rem;justify-self:center}.showcase-preview--sidebar{display:grid;width:100%;height:100%;max-width:none;place-items:center}.showcase-card__preview .showcase-preview--sidebar .ui-sidebar{width:13rem;min-height:0;height:auto;zoom:.78;transition:none}@starting-style{.showcase-card__preview .showcase-preview--sidebar .ui-sidebar[data-open=true]{width:13rem}}.showcase-card__preview .ui-resizable.showcase-demo-resizable,.showcase-card__preview .ui-scroll-area.showcase-demo-scroll{width:8.75rem;max-width:8.75rem;min-width:8.75rem;min-height:5.5rem;height:5.5rem;max-height:5.5rem;padding:var(--space-8)}.showcase-stage .showcase-demo-sidebar-scene .ui-sidebar{flex-shrink:1;width:min(100%,var(--sidebar-width-open));max-width:100%;min-height:28rem;height:100%}.showcase-stage .showcase-demo-sidebar-scene .ui-sidebar--collapsed{width:var(--sidebar-width-collapsed)}.showcase-demo-pagination-stack .ui-pagination{flex-wrap:wrap;justify-content:flex-start;gap:var(--space-10)}.showcase-header__tabs .ui-tabs__list{gap:var(--space-8)}.showcase-stage .ui-drawer__overlay,.showcase-stage .ui-drawer__content,.showcase-stage .ui-modal__overlay,.showcase-stage .ui-modal__content{position:absolute}.showcase-demo-icon-muted{color:var(--color-muted-foreground)}.showcase-demo-scroll-viewport{padding:.5rem}.showcase-demo-collapsible{width:min(100%,24rem)}@media(max-width:576px){.showcase-demo-date-input,.showcase-demo-select,.showcase-demo-field,.showcase-demo-table{max-width:100%}}