/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer components{.ui-showroom-page{gap:var(--spacing-section-tight)}.ui-showroom-hero-section{padding-block-start:var(--spacing-8);padding-block-end:var(--spacing-section-tight)}.ui-showroom-entry-section{padding-block-start:var(--ui-zero)}.ui-showroom-entry-block{gap:var(--spacing-layout-gap);display:grid}.ui-showroom-entry-heading{gap:var(--spacing-3);max-inline-size:var(--ui-size-42);display:grid}.ui-showroom-entry-grid{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)));gap:var(--spacing-4);display:grid}.ui-showroom-entry-card{gap:var(--spacing-5);min-block-size:var(--ui-size-18);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-border-soft);border-radius:var(--radius-panel);background-color:var(--color-surface-card);box-shadow:var(--shadow-card-sm);display:grid}.ui-showroom-entry-card__body{gap:var(--spacing-4);display:grid}@media (min-width:64rem){.ui-showroom-entry-grid{grid-template-columns:repeat(var(--ui-repeat-3), minmax(var(--ui-zero), var(--ui-fr-1)))}}.ui-showroom-reference-example__preview[data-showroom-reference-preview=hero] [class~=ui-hero-standard][data-ui-hero-variant=bleed]{margin-inline:0}.ui-showroom-reference-example__preview[data-showroom-reference-preview=hero] [class~=ui-hero-standard__inner]{width:var(--ui-percent-100)}.ui-hero-series,.ui-showroom-hero-panel-stack,.ui-showroom-hero-dashboard-stack{gap:var(--spacing-4);display:grid}.ui-showroom-hero-device-frame{width:var(--ui-size-max-22);margin-inline:var(--ui-auto)}.ui-showroom-hero-node__title{color:var(--color-reference-gray-900);font-size:var(--font-size-base-fluid);font-weight:var(--font-weight-bold);line-height:var(--ui-line-height-1_25)}.ui-showroom-hero-library{gap:var(--spacing-8)}.ui-showroom-hero-reference{gap:var(--spacing-6);overflow:clip}.ui-showroom-product-library,.ui-showroom-reference-library{gap:var(--spacing-8)}.ui-showroom-catalog-shell{gap:var(--spacing-6)}.ui-showroom-catalog-layout,.ui-showroom-catalog-intro,.ui-showroom-catalog-intro-panels,.ui-showroom-catalog-main,.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-route-group,.ui-showroom-catalog-route-list,.ui-showroom-catalog-family-switcher,.ui-showroom-styleguide-workspace,.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface,.ui-showroom-styleguide-workspace__intro,.ui-showroom-catalog-preview-panel,.ui-showroom-catalog-preview-header,.ui-showroom-catalog-preview-body,.ui-showroom-catalog-preview-meta,.ui-showroom-catalog-preview-points,.ui-showroom-catalog-preview-badge-row,.ui-showroom-catalog-sidebar-form,.ui-showroom-catalog-sidebar-actions,.ui-showroom-catalog-filter-grid,.ui-showroom-catalog-filter-field{gap:var(--spacing-4);display:grid}.ui-showroom-catalog-layout{align-items:start;gap:var(--spacing-8)}.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-preview-panel{border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-preview-panel{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-preview-panel{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-preview-panel{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-96), transparent))}}.ui-showroom-catalog-sidebar-panel,.ui-showroom-catalog-preview-panel{padding:var(--spacing-card);box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-route-group,.ui-showroom-catalog-family-switcher{gap:var(--spacing-3)}.ui-showroom-catalog-route-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.ui-showroom-catalog-route-link{min-width:var(--ui-zero);border:var(--ui-size-1px) solid var(--color-surface-card);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-route-link{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-route-link{border-radius:var(--radius-full);padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);color:var(--color-text-muted);transition:border-color var(--duration-180) ease, background-color var(--duration-180) ease, color var(--duration-180) ease, transform var(--duration-180) ease, box-shadow var(--duration-180) ease;background-color:var(--color-surface-card)}.ui-showroom-catalog-route-link:hover,.ui-showroom-catalog-route-link[aria-current=page]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-route-link:hover,.ui-showroom-catalog-route-link[aria-current=page]{border-color:color-mix(in srgb, var(--color-primary) var(--mix-24), var(--color-border-soft))}}.ui-showroom-catalog-route-link:hover,.ui-showroom-catalog-route-link[aria-current=page]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-route-link:hover,.ui-showroom-catalog-route-link[aria-current=page]{background-color:color-mix(in srgb, var(--color-primary) var(--mix-8), transparent)}}.ui-showroom-catalog-route-link:hover,.ui-showroom-catalog-route-link[aria-current=page]{color:var(--color-text-strong);box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-route-link__label{font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-bold);color:var(--color-text-strong)}.ui-showroom-catalog-sidebar-actions{justify-items:start}.ui-showroom-catalog-family-switcher{align-items:stretch;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.ui-showroom-catalog-family-switcher--top{align-items:stretch}.ui-showroom-catalog-family-link{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1)) auto;align-items:center;gap:var(--spacing-3);flex:1 1 var(--ui-size-10);min-width:var(--ui-size-max-10);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-family-link{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-family-link{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-family-link{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-catalog-family-link{padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);color:var(--color-text-body);transition:border-color var(--duration-180) ease, background-color var(--duration-180) ease, color var(--duration-180) ease, transform var(--duration-180) ease, box-shadow var(--duration-180) ease}.ui-showroom-catalog-family-link:hover,.ui-showroom-catalog-family-link[aria-current=page]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-family-link:hover,.ui-showroom-catalog-family-link[aria-current=page]{border-color:color-mix(in srgb, var(--color-primary) var(--mix-24), var(--color-border-soft))}}.ui-showroom-catalog-family-link:hover,.ui-showroom-catalog-family-link[aria-current=page]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-family-link:hover,.ui-showroom-catalog-family-link[aria-current=page]{background-color:color-mix(in srgb, var(--color-primary) var(--mix-6), transparent)}}.ui-showroom-catalog-family-link:hover,.ui-showroom-catalog-family-link[aria-current=page]{color:var(--color-text-strong);transform:translateY(-var(--ui-size-1px));box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-family-link__label{color:var(--color-text-strong);font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-bold);line-height:var(--ui-line-height-1_35)}.ui-showroom-catalog-family-link__count{color:var(--color-text-muted);font-size:var(--font-size-xs-fluid);font-weight:var(--font-weight-bold);letter-spacing:var(--ui-tracking-0_08);text-transform:uppercase}.ui-showroom-catalog-mode-detail{gap:var(--spacing-2);padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-mode-detail{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-84), transparent)}}.ui-showroom-catalog-mode-detail{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-mode-detail{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-96), transparent)}}.ui-showroom-catalog-preview-header,.ui-showroom-catalog-preview-body,.ui-showroom-catalog-preview-meta{align-items:start}.ui-showroom-catalog-preview-meta{padding-top:var(--spacing-4);border-top:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-preview-meta{border-top:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-preview-badge-row{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.ui-showroom-catalog-preview-points{padding-left:var(--spacing-4)}.ui-showroom-catalog-toolbar,.ui-showroom-catalog-toolbar__groups,.ui-showroom-reference-grid,.ui-showroom-catalog-toggle-group,.ui-showroom-reference-card,.ui-showroom-reference-card__meta,.ui-showroom-reference-switcher,.ui-showroom-reference-switcher__panels,.ui-showroom-component-card__body,.ui-showroom-component-grid,.ui-showroom-reference-preview,.ui-showroom-reference-preview__bar,.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__footer-actions,.ui-showroom-reference-preview--pricing,.ui-showroom-reference-preview--sticky-content,.ui-showroom-reference-preview__content-stack,.ui-showroom-reference-preview__workspace-stack,.ui-showroom-reference-preview__meta-row,.ui-showroom-reference-preview__action-row,.ui-showroom-reference-preview__media-grid,.ui-showroom-reference-preview__featured,.ui-showroom-component-preview__canvas,.ui-showroom-component-preview__workspace,.ui-showroom-component-preview__workspace-main,.ui-showroom-component-preview__workspace-side,.ui-showroom-component-preview__sidebar,.ui-showroom-component-preview__control-row,.ui-showroom-component-preview__section-grid,.ui-showroom-component-preview__stats{gap:var(--spacing-4);display:grid}.ui-showroom-catalog-toolbar{align-items:start}.ui-showroom-catalog-toolbar__groups{align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.ui-showroom-catalog-toggle-group{gap:var(--spacing-2)}.ui-showroom-reference-grid{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-catalog-toggle-list{gap:var(--ui-spacing-0_5);flex-wrap:wrap;display:flex}.ui-showroom-catalog-toggle{min-height:var(--ui-size-2_5);padding-inline:var(--spacing-control-inline);border:var(--ui-size-1px) solid var(--color-border-soft);border-radius:var(--radius-full);background-color:var(--color-surface-card);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-toggle{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-94), transparent)}}.ui-showroom-catalog-toggle{color:var(--color-text-body);font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-semibold);line-height:var(--ui-line-height-1);transition:background-color var(--duration-180) ease, border-color var(--duration-180) ease, color var(--duration-180) ease, box-shadow var(--duration-180) ease}.ui-showroom-catalog-toggle:hover{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-toggle:hover{border-color:color-mix(in srgb, var(--color-primary) var(--mix-30), var(--color-border-soft))}}.ui-showroom-catalog-toggle:hover{color:var(--color-text-strong)}.ui-showroom-catalog-toggle--icon{inline-size:var(--spacing-header-control);min-inline-size:var(--spacing-header-control);padding-inline:var(--spacing-control-inline)}.ui-showroom-catalog-toggle__icon{inline-size:var(--spacing-4);block-size:var(--spacing-4);stroke-width:var(--icon-stroke-width)}.ui-showroom-catalog-toggle.is-active{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-toggle.is-active{border-color:color-mix(in srgb, var(--color-primary) var(--mix-34), var(--color-border-soft))}}.ui-showroom-catalog-toggle.is-active{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-toggle.is-active{background-color:color-mix(in srgb, var(--color-primary) var(--mix-12), transparent)}}.ui-showroom-catalog-toggle.is-active{color:var(--color-brand-strong);box-shadow:var(--ui-zero) var(--ui-zero) var(--ui-zero) var(--spacing-0_5) var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-toggle.is-active{box-shadow:var(--ui-zero) var(--ui-zero) var(--ui-zero) var(--spacing-0_5) color-mix(in srgb, var(--color-primary) var(--mix-12), transparent)}}.ui-showroom-component-grid{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-component-card{overflow:clip}.ui-showroom-reference-switcher__tabs{gap:var(--ui-spacing-0_5);flex-wrap:wrap;display:flex}.ui-showroom-reference-card__panel[hidden]{display:none!important}.ui-showroom-reference-code{overflow-x:var(--ui-auto);border:var(--ui-size-1px) solid var(--color-border-soft);border-radius:calc(var(--radius-shell) + var(--spacing-1));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-code{background-color:color-mix(in srgb, var(--color-surface-panel) var(--mix-74), var(--color-content-inverse))}}.ui-showroom-reference-code{padding:var(--spacing-card);color:var(--color-text-strong);font-size:var(--font-size-sm-fluid);line-height:var(--ui-line-height-1_7)}.ui-showroom-reference-preview{min-height:var(--ui-size-clamp-18-24);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-reference-preview{border-radius:calc(var(--radius-shell) + var(--spacing-2));background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview{background:color-mix(in srgb, var(--color-surface-card) var(--mix-97), transparent)}}.ui-showroom-reference-preview{padding:var(--spacing-card);box-shadow:var(--shadow-card-sm);transition:max-width var(--duration-180) ease, background-color var(--duration-180) ease, border-color var(--duration-180) ease}.ui-showroom-reference-preview__bar{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-0_5)) minmax(var(--ui-zero), var(--ui-fr-1)) auto;align-items:center}.ui-showroom-reference-preview__bar--dark{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__bar--dark{background-color:color-mix(in srgb, var(--color-primary) var(--mix-92), var(--color-content))}}.ui-showroom-reference-preview__bar--dark{padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline)}.ui-showroom-reference-preview__brand,.ui-showroom-reference-preview__nav,.ui-showroom-reference-preview__actions,.ui-showroom-reference-preview__menu-button,.ui-showroom-reference-preview__menu-item,.ui-showroom-reference-preview__action,.ui-showroom-reference-preview__eyebrow,.ui-showroom-reference-preview__title,.ui-showroom-reference-preview__copy,.ui-showroom-reference-preview__cta,.ui-showroom-reference-preview__panel,.ui-showroom-reference-preview__pill,.ui-showroom-reference-preview__field,.ui-showroom-reference-preview__media{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card);display:block}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__brand,.ui-showroom-reference-preview__nav,.ui-showroom-reference-preview__actions,.ui-showroom-reference-preview__menu-button,.ui-showroom-reference-preview__menu-item,.ui-showroom-reference-preview__action,.ui-showroom-reference-preview__eyebrow,.ui-showroom-reference-preview__title,.ui-showroom-reference-preview__copy,.ui-showroom-reference-preview__cta,.ui-showroom-reference-preview__panel,.ui-showroom-reference-preview__pill,.ui-showroom-reference-preview__field,.ui-showroom-reference-preview__media{background-color:color-mix(in srgb, var(--color-surface-elevated) var(--mix-86), var(--color-content-inverse))}}.ui-showroom-reference-preview__brand{width:var(--ui-size-5);height:var(--ui-radius-1)}.ui-showroom-reference-preview__brand--dark{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__brand--dark{background-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-88), transparent)}}.ui-showroom-reference-preview__nav{width:var(--ui-size-max-14);height:var(--ui-size-0_8);justify-self:center}.ui-showroom-reference-preview__actions,.ui-showroom-reference-preview__menu-button{width:var(--ui-size-3);height:var(--ui-radius-2);justify-self:end}.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__featured,.ui-showroom-reference-preview__sticky-rail,.ui-showroom-reference-preview__workspace-stack{border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__featured,.ui-showroom-reference-preview__sticky-rail,.ui-showroom-reference-preview__workspace-stack{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-12), var(--color-border-soft))}}.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__featured,.ui-showroom-reference-preview__sticky-rail,.ui-showroom-reference-preview__workspace-stack{border-radius:calc(var(--radius-shell) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__featured,.ui-showroom-reference-preview__sticky-rail,.ui-showroom-reference-preview__workspace-stack{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-reference-preview__flyout,.ui-showroom-reference-preview__menu-stack,.ui-showroom-reference-preview__featured,.ui-showroom-reference-preview__sticky-rail,.ui-showroom-reference-preview__workspace-stack{padding:var(--spacing-card)}.ui-showroom-reference-preview__menu-item{width:var(--ui-percent-100);min-height:var(--ui-size-2_75)}.ui-showroom-reference-preview__footer-actions,.ui-showroom-reference-preview__action-row{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-reference-preview__action,.ui-showroom-reference-preview__cta{min-height:var(--ui-size-2_75)}.ui-showroom-reference-preview__action--primary,.ui-showroom-reference-preview__cta--inverse,.ui-showroom-reference-preview__tier--emphasis{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__action--primary,.ui-showroom-reference-preview__cta--inverse,.ui-showroom-reference-preview__tier--emphasis{background-color:color-mix(in srgb, var(--color-primary) var(--mix-92), transparent)}}.ui-showroom-reference-preview--pricing,.ui-showroom-reference-preview__menu-stack--two-up{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-reference-preview__tier{gap:var(--spacing-3);border:var(--ui-size-1px) solid var(--color-border-soft);border-radius:calc(var(--radius-shell) - var(--spacing-0_5));background-color:var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__tier{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-reference-preview__tier{padding:var(--spacing-card)}.ui-showroom-reference-preview__eyebrow{width:var(--ui-size-5);height:var(--ui-size-0_8)}.ui-showroom-reference-preview__title{width:var(--ui-size-max-14);height:var(--ui-size-1_2)}.ui-showroom-reference-preview__copy{width:var(--ui-percent-100);height:var(--ui-size-0_9)}.ui-showroom-reference-preview__copy--wide{height:var(--ui-size-3)}.ui-showroom-reference-preview--sticky-content,.ui-showroom-reference-preview--product{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-reference-preview__page-header{gap:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:var(--ui-size-1px) solid var(--color-border-soft);display:grid}.ui-showroom-reference-preview__panel{min-height:var(--ui-size-4)}.ui-showroom-reference-preview__pill{width:var(--ui-size-4_5);height:var(--ui-size-1_6);border-radius:var(--radius-full)}.ui-showroom-reference-preview__field{min-height:var(--ui-size-3)}.ui-showroom-reference-preview__field--textarea{min-height:var(--ui-size-6)}.ui-showroom-reference-preview__media-grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-reference-preview__media{min-height:var(--ui-size-5);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__media{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-12), var(--color-border-soft));background:linear-gradient(var(--ui-angle-145), color-mix(in srgb, var(--color-primary) var(--mix-10), var(--color-content-inverse)), color-mix(in srgb, var(--color-secondary) var(--mix-18), var(--color-content-inverse)))}}.ui-showroom-reference-preview__media--hero{min-height:var(--ui-size-10)}.ui-showroom-reference-preview{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-18), transparent)}}.ui-showroom-reference-preview{background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview{background:color-mix(in srgb, var(--color-primary) var(--mix-88), var(--color-content))}}.ui-showroom-reference-preview__media{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__media{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-16), transparent)}}.ui-showroom-reference-preview__media{background:linear-gradient(var(--ui-angle-145), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__media{background:linear-gradient(var(--ui-angle-145), color-mix(in srgb, var(--color-secondary) var(--mix-22), transparent), color-mix(in srgb, var(--color-content-inverse) var(--mix-14), transparent))}}.ui-showroom-component-card__body{gap:var(--spacing-6)}.ui-showroom-component-preview-frame{width:var(--ui-percent-100);min-width:var(--ui-zero);display:block}.ui-showroom-component-preview{width:var(--ui-percent-100);max-width:none;min-height:var(--ui-size-clamp-16-22);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-component-preview{border-radius:calc(var(--radius-shell) + var(--spacing-2));background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview{background:color-mix(in srgb, var(--color-surface-card) var(--mix-97), transparent)}}.ui-showroom-component-preview{box-shadow:var(--shadow-card-sm);transition:max-width var(--duration-180) ease, background-color var(--duration-180) ease, border-color var(--duration-180) ease}.ui-showroom-component-preview__header{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.ui-showroom-component-preview__family{align-items:center;gap:var(--ui-size-0_45);border-radius:var(--radius-full);background-color:var(--color-surface-card);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__family{background-color:color-mix(in srgb, var(--color-surface-elevated) var(--mix-78), var(--color-content-inverse))}}.ui-showroom-component-preview__family{padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);color:var(--color-text-strong);font-size:var(--font-size-xs-fluid);font-weight:var(--font-weight-bold);letter-spacing:var(--ui-tracking-0_1);text-transform:uppercase}.ui-showroom-component-preview__viewport-label{color:var(--color-text-muted);font-size:var(--font-size-xs-fluid);font-weight:var(--font-weight-semibold);letter-spacing:var(--ui-tracking-0_08);text-transform:uppercase}.ui-showroom-component-preview__canvas{min-height:var(--ui-size-12);align-content:start}.ui-showroom-component-preview__panel,.ui-showroom-component-preview__block,.ui-showroom-component-preview__button,.ui-showroom-component-preview__input,.ui-showroom-component-preview__pill,.ui-showroom-component-preview__line,.ui-showroom-component-preview__chip,.ui-showroom-component-preview__stat,.ui-showroom-component-preview__sidebar-item,.ui-showroom-component-preview__dot,.ui-showroom-component-preview__eyebrow{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));display:block}.ui-showroom-component-preview__panel,.ui-showroom-component-preview__block,.ui-showroom-component-preview__input,.ui-showroom-component-preview__pill,.ui-showroom-component-preview__line,.ui-showroom-component-preview__chip,.ui-showroom-component-preview__stat,.ui-showroom-component-preview__sidebar-item,.ui-showroom-component-preview__eyebrow{border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__panel,.ui-showroom-component-preview__block,.ui-showroom-component-preview__input,.ui-showroom-component-preview__pill,.ui-showroom-component-preview__line,.ui-showroom-component-preview__chip,.ui-showroom-component-preview__stat,.ui-showroom-component-preview__sidebar-item,.ui-showroom-component-preview__eyebrow{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-10), var(--color-border-soft))}}.ui-showroom-component-preview__panel,.ui-showroom-component-preview__block,.ui-showroom-component-preview__input,.ui-showroom-component-preview__pill,.ui-showroom-component-preview__line,.ui-showroom-component-preview__chip,.ui-showroom-component-preview__stat,.ui-showroom-component-preview__sidebar-item,.ui-showroom-component-preview__eyebrow{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__panel,.ui-showroom-component-preview__block,.ui-showroom-component-preview__input,.ui-showroom-component-preview__pill,.ui-showroom-component-preview__line,.ui-showroom-component-preview__chip,.ui-showroom-component-preview__stat,.ui-showroom-component-preview__sidebar-item,.ui-showroom-component-preview__eyebrow{background-color:color-mix(in srgb, var(--color-surface-elevated) var(--mix-88), var(--color-content-inverse))}}.ui-showroom-component-preview__topbar{align-items:center;gap:var(--ui-spacing-0_5);display:flex}.ui-showroom-component-preview__dot{width:var(--ui-font-size-0_72);height:var(--ui-font-size-0_72);border-radius:var(--radius-full);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__dot{background-color:color-mix(in srgb, var(--color-primary) var(--mix-22), var(--color-surface-elevated))}}.ui-showroom-component-preview__line{width:var(--ui-percent-100);height:var(--ui-size-0_8)}.ui-showroom-component-preview__line--strong{width:var(--ui-size-max-13);height:var(--ui-radius-1);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__line--strong{background-color:color-mix(in srgb, var(--color-primary) var(--mix-14), var(--color-content-inverse))}}.ui-showroom-component-preview__line--short{width:var(--ui-size-max-7)}.ui-showroom-component-preview__line--title{width:var(--ui-size-max-20);height:var(--ui-size-1_3);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__line--title{background-color:color-mix(in srgb, var(--color-primary) var(--mix-16), var(--color-content-inverse))}}.ui-showroom-component-preview__chip{width:var(--ui-size-5);height:var(--ui-radius-1_5)}.ui-showroom-component-preview__chip--accent{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__chip--accent{background-color:color-mix(in srgb, var(--color-secondary) var(--mix-24), var(--color-content-inverse))}}.ui-showroom-component-preview__button{min-width:var(--ui-size-5_5);height:var(--ui-size-2_7);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__button{background-color:color-mix(in srgb, var(--color-primary) var(--mix-16), var(--color-content-inverse))}.ui-showroom-component-preview__button--ghost{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-94), transparent)}}.ui-showroom-component-preview__input{flex:var(--ui-flex-fluid);min-height:var(--ui-size-2_7)}.ui-showroom-component-preview__pill{width:var(--ui-size-4_2);height:var(--ui-size-1_55)}.ui-showroom-component-preview__panel{min-height:var(--ui-size-10_5);padding:var(--spacing-card)}.ui-showroom-component-preview__workspace{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1_15)) minmax(var(--ui-zero), var(--ui-fr-0_85));align-items:stretch}.ui-showroom-component-preview__workspace--pattern,.ui-showroom-component-preview__workspace--template{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-0_34)) minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-component-preview__sidebar{min-height:var(--ui-percent-100);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card);align-content:start}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__sidebar{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-10), var(--color-border-soft))}}.ui-showroom-component-preview__sidebar{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__sidebar{background-color:color-mix(in srgb, var(--color-surface-panel) var(--mix-92), var(--color-content-inverse))}}.ui-showroom-component-preview__sidebar-item{width:var(--ui-percent-100);height:var(--ui-radius-2)}.ui-showroom-component-preview__block{min-height:var(--ui-size-4)}.ui-showroom-component-preview__block--tall{min-height:var(--ui-size-8)}.ui-showroom-component-preview__stat{min-height:var(--ui-size-3_6)}.ui-showroom-component-preview__section-grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-component-preview__control-row{grid-template-columns:repeat(var(--ui-repeat-3), minmax(var(--ui-zero), var(--ui-fr-1)));align-items:center}.ui-showroom-component-preview__canvas--molecules .ui-showroom-component-preview__control-row{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-component-preview{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-18), transparent)}}.ui-showroom-component-preview{background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview{background:color-mix(in srgb, var(--color-surface-inverse) var(--mix-88), var(--color-content))}}.ui-showroom-component-preview__family{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__family{background-color:color-mix(in srgb, var(--color-primary) var(--mix-26), transparent)}}.ui-showroom-component-preview__family{color:var(--color-content-inverse)}.ui-showroom-component-preview__viewport-label{color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__viewport-label{color:color-mix(in srgb, var(--color-content-inverse) var(--mix-72), var(--color-secondary))}}.ui-showroom-component-preview__button--ghost{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__button--ghost{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-94), var(--color-content))}}.ui-showroom-component-preview__sidebar{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__sidebar{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-12), transparent)}}.ui-showroom-component-preview__sidebar{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__sidebar{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-94), var(--color-content))}}.ui-showroom-component-preview__dot{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__dot{background-color:color-mix(in srgb, var(--color-secondary) var(--mix-34), var(--color-primary))}}.ui-showroom-component-preview{max-width:var(--ui-size-23);max-width:var(--ui-size-40);max-width:var(--ui-size-max-68)}.ui-showroom-component-preview__stats{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-product-reference{gap:var(--spacing-6);overflow:clip}.ui-showroom-product-reference__meta,.ui-showroom-product-reference__preview,.ui-showroom-product-preview,.ui-showroom-product-preview__summary,.ui-showroom-product-preview__rail,.ui-showroom-product-preview__details,.ui-showroom-product-preview__tabs,.ui-showroom-product-preview__stack{gap:var(--spacing-4);display:grid}.ui-showroom-product-preview{min-height:var(--ui-size-clamp-17-24);border:var(--ui-size-1px) solid var(--color-border-soft);border-radius:calc(var(--radius-shell) + var(--spacing-2));background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview{background:color-mix(in srgb, var(--color-surface-card) var(--mix-96), transparent)}}.ui-showroom-product-preview{padding:var(--spacing-card);box-shadow:var(--shadow-card-sm)}.ui-showroom-product-preview__gallery{gap:var(--ui-radius-0_75);display:grid}.ui-showroom-product-preview__gallery--grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-product-preview__gallery--tiered,.ui-showroom-product-preview--split{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1_08)) minmax(var(--ui-zero), var(--ui-fr-0_92));align-items:start}.ui-showroom-product-preview__gallery--details{grid-template-columns:repeat(var(--ui-repeat-3), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-product-preview__gallery--tabs{margin-bottom:var(--spacing-3)}.ui-showroom-product-preview__media,.ui-showroom-product-preview__accordion,.ui-showroom-product-preview__title,.ui-showroom-product-preview__price,.ui-showroom-product-preview__copy,.ui-showroom-product-preview__button,.ui-showroom-product-preview__pill,.ui-showroom-product-preview__chip,.ui-showroom-product-preview__tab{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card);display:block}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__media,.ui-showroom-product-preview__accordion,.ui-showroom-product-preview__title,.ui-showroom-product-preview__price,.ui-showroom-product-preview__copy,.ui-showroom-product-preview__button,.ui-showroom-product-preview__pill,.ui-showroom-product-preview__chip,.ui-showroom-product-preview__tab{background-color:color-mix(in srgb, var(--color-surface-elevated) var(--mix-88), var(--color-content-inverse))}}.ui-showroom-product-preview__media{min-height:var(--ui-size-5);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__media{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-12), var(--color-border-soft))}}.ui-showroom-product-preview__media{background:linear-gradient(var(--ui-angle-145), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__media{background:linear-gradient(var(--ui-angle-145), color-mix(in srgb, var(--color-primary) var(--mix-10), var(--color-content-inverse)), color-mix(in srgb, var(--color-secondary) var(--mix-18), var(--color-content-inverse)))}}.ui-showroom-product-preview__media--hero{min-height:var(--ui-size-11)}.ui-showroom-product-preview__media--split{min-height:var(--ui-size-18)}.ui-showroom-product-preview__title{width:var(--ui-size-max-16);height:var(--ui-size-1_1)}.ui-showroom-product-preview__price{width:var(--ui-size-6);height:var(--ui-radius-1);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__price{background-color:color-mix(in srgb, var(--color-primary) var(--mix-16), var(--color-content-inverse))}}.ui-showroom-product-preview__copy{width:var(--ui-percent-100);height:var(--ui-radius-0_75)}.ui-showroom-product-preview__summary .ui-showroom-product-preview__copy:last-of-type,.ui-showroom-product-preview__details .ui-showroom-product-preview__copy:last-of-type,.ui-showroom-product-preview__tabs .ui-showroom-product-preview__copy:last-of-type{width:var(--ui-percent-82)}.ui-showroom-product-preview__button{width:var(--ui-size-max-9);height:var(--ui-size-2_75);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__button{background-color:color-mix(in srgb, var(--color-primary) var(--mix-18), var(--color-content-inverse))}}.ui-showroom-product-preview__pill{width:var(--ui-size-4_25);height:var(--ui-radius-1_5)}.ui-showroom-product-preview__chips{gap:var(--ui-spacing-0_5);flex-wrap:wrap;display:flex}.ui-showroom-product-preview__chip{width:var(--ui-size-3_25);height:var(--ui-size-1_75)}.ui-showroom-product-preview__accordion{width:var(--ui-percent-100);height:var(--ui-size-2_75)}.ui-showroom-product-preview__tab-list{gap:var(--ui-spacing-0_5);flex-wrap:wrap;display:flex}.ui-showroom-product-preview__tab{width:var(--ui-size-4_5);height:var(--ui-radius-2)}.ui-showroom-product-preview__tab--active{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-product-preview__tab--active{background-color:color-mix(in srgb, var(--color-primary) var(--mix-16), var(--color-content-inverse))}}@media (min-width:48rem){.ui-showroom-reference-grid,.ui-showroom-component-grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-reference-preview--sticky-content,.ui-showroom-reference-preview--product{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1_1)) minmax(var(--ui-zero), var(--ui-fr-0_9));align-items:start}}@media (min-width:96rem){.ui-showroom-reference-grid,.ui-showroom-component-grid{grid-template-columns:repeat(var(--ui-repeat-3), minmax(var(--ui-zero), var(--ui-fr-1)))}}.ui-showroom-hero-reference__meta,.ui-showroom-hero-reference__preview,.ui-showroom-hero-preview-stack,.ui-showroom-hero-preview-grid,.ui-showroom-hero-preview-tiles,.ui-showroom-hero-preview-phone__screen{gap:var(--spacing-4);display:grid}.ui-showroom-hero-preview-media,.ui-showroom-hero-preview-code,.ui-showroom-hero-preview-phone{border-radius:calc(var(--radius-shell) + var(--spacing-2));border:var(--ui-size-1px) solid var(--color-border-soft);background-color:var(--color-surface-card);box-shadow:var(--shadow-card-sm);position:relative;overflow:hidden}.ui-showroom-hero-preview-media{min-height:var(--ui-size-clamp-15-21);padding:var(--spacing-card)}.ui-showroom-hero-preview-media--bordered{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-media--bordered{border-color:color-mix(in srgb, var(--color-primary) var(--mix-30), var(--color-border-soft))}}.ui-showroom-hero-preview-media--dashboard,.ui-showroom-hero-preview-media--app{background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-media--dashboard,.ui-showroom-hero-preview-media--app{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-elevated) var(--mix-92), transparent), var(--color-surface-card))}}.ui-showroom-hero-preview-media--angled,.ui-showroom-hero-preview-media--offset{background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-media--angled,.ui-showroom-hero-preview-media--offset{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-elevated) var(--mix-94), transparent), var(--color-surface-card))}}.ui-showroom-hero-preview-toolbar{gap:var(--ui-spacing-0_4);margin-bottom:var(--spacing-4);display:flex}.ui-showroom-hero-preview-toolbar>span{width:var(--ui-size-0_6);height:var(--ui-size-0_6);border-radius:var(--radius-full);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-toolbar>span{background-color:color-mix(in srgb, var(--color-primary) var(--mix-18), var(--color-surface-muted))}}.ui-showroom-hero-preview-canvas{gap:var(--spacing-4);display:grid}.ui-showroom-hero-preview-card{min-height:var(--ui-size-4);border-radius:calc(var(--radius-panel) - var(--spacing-0_5));border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-card{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-12), var(--color-border-soft))}}.ui-showroom-hero-preview-card{background:linear-gradient(var(--ui-angle-135), var(--color-surface-card), transparent), var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-card{background:linear-gradient(var(--ui-angle-135), color-mix(in srgb, var(--color-primary) var(--mix-12), transparent), transparent), color-mix(in srgb, var(--color-surface-elevated) var(--mix-92), transparent)}}.ui-showroom-hero-preview-card--soft{min-height:var(--ui-size-3_25);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-card--soft{background-color:color-mix(in srgb, var(--color-surface-panel) var(--mix-94), transparent)}}.ui-showroom-hero-preview-card--angle{min-height:var(--ui-size-16);transform:rotate(var(--ui-angle-8)) translateX(var(--spacing-5));transform-origin:var(--ui-percent-50)}.ui-showroom-hero-preview-card--offset-back,.ui-showroom-hero-preview-card--offset-front{width:var(--ui-size-max-18);min-height:var(--ui-size-13);position:absolute;inset:auto}.ui-showroom-hero-preview-card--offset-back{right:var(--spacing-3);top:var(--spacing-4);opacity:var(--ui-opacity-0_78)}.ui-showroom-hero-preview-card--offset-front{left:var(--spacing-4);bottom:var(--spacing-4)}.ui-showroom-hero-preview-code{gap:var(--ui-spacing-0_55);padding:var(--spacing-card);background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card));display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-code{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-inverse) var(--mix-96), transparent), color-mix(in srgb, var(--color-primary) var(--mix-74), var(--color-surface-inverse)))}}.ui-showroom-hero-preview-code__line{color:var(--color-content-inverse);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--ui-line-height-1_65)}.ui-showroom-hero-preview-phone{width:var(--ui-size-max-18);margin-inline:var(--ui-auto);padding:var(--spacing-card);border-radius:var(--ui-radius-2);background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-phone{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-inverse) var(--mix-92), transparent), color-mix(in srgb, var(--color-primary) var(--mix-54), var(--color-surface-inverse)))}}.ui-showroom-hero-preview-phone__notch{width:var(--ui-size-4_25);height:var(--ui-size-0_45);margin-top:0;margin-inline:var(--ui-auto);margin-bottom:var(--spacing-3_2);border-radius:var(--radius-full);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-phone__notch{background-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-24), transparent)}}.ui-showroom-hero-preview-phone__screen{min-height:var(--ui-size-20);padding:var(--spacing-card);border-radius:var(--ui-radius-1_35);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-phone__screen{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-92), transparent)}}.ui-showroom-hero-preview-tiles{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-hero-preview-backdrop{background-position:var(--ui-percent-50);background-size:cover}.ui-showroom-hero-preview-backdrop[data-ui-showroom-backdrop=ambient]{background:linear-gradient(var(--ui-angle-135), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-backdrop[data-ui-showroom-backdrop=ambient]{background:linear-gradient(var(--ui-angle-135), color-mix(in srgb, var(--color-surface-inverse) var(--mix-32), transparent), color-mix(in srgb, var(--color-primary) var(--mix-72), transparent))}}.ui-showroom-hero-preview-backdrop[data-ui-showroom-backdrop=mesh]{background:linear-gradient(var(--ui-angle-140), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-hero-preview-backdrop[data-ui-showroom-backdrop=mesh]{background:linear-gradient(var(--ui-angle-140), color-mix(in srgb, var(--color-surface-inverse) var(--mix-56), transparent), color-mix(in srgb, var(--color-primary) var(--mix-82), transparent))}}.ui-showroom-catalog-layout{gap:var(--spacing-8)}.ui-showroom-catalog-preview-body{gap:var(--spacing-6);min-width:var(--ui-zero)}.ui-showroom-component-preview{gap:var(--spacing-4)}.ui-showroom-component-preview__canvas{min-height:var(--ui-size-clamp-22-34);width:var(--ui-percent-100);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__canvas{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-component-preview__canvas{border-radius:calc(var(--radius-shell) + var(--spacing-1));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__canvas{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-94), transparent))}}.ui-showroom-component-preview__canvas{overflow-x:var(--ui-auto);overflow-y:visible}.ui-showroom-component-preview__canvas>*{min-width:var(--ui-zero)}.ui-showroom-live-preview-shell{width:var(--ui-percent-100);max-width:var(--ui-percent-100);margin-inline:var(--ui-auto);min-width:var(--ui-zero);padding:var(--spacing-card);box-shadow:none;color:var(--color-content);background:0 0}.ui-showroom-reference-library,.ui-showroom-reference-library__header,.ui-showroom-reference-library__list,.ui-showroom-reference-example,.ui-showroom-reference-example__notes{gap:var(--spacing-4);display:grid}.ui-showroom-reference-library{gap:var(--spacing-6)}.ui-showroom-reference-library__header{padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-library__header{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-reference-library__header{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-library__header{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-reference-library__header{box-shadow:var(--shadow-card-sm)}.ui-showroom-reference-example{padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-example{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-reference-example{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-example{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent)}}.ui-showroom-reference-example{box-shadow:var(--shadow-card-sm)}.ui-showroom-reference-example__meta{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.ui-showroom-reference-example__notes{padding-left:var(--spacing-4);list-style:outside}.ui-showroom-reference-example__preview{padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-example__preview{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-reference-example__preview{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-example__preview{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-reference-example__preview{overflow:hidden}.ui-showroom-reference-example[data-showroom-reference-kind=hero]{gap:var(--spacing-6)}.ui-showroom-reference-example__preview[data-showroom-reference-preview=hero]{padding:var(--spacing-card);background:0 0;border:0}.ui-showroom-catalog-result-bar,.ui-showroom-catalog-controls,.ui-showroom-catalog-filter-bar,.ui-showroom-overview-grid,.ui-showroom-styleguide-nav,.ui-showroom-styleguide-shell__index,.ui-showroom-catalog-workspace,.ui-showroom-catalog-library-rail,.ui-showroom-library-group,.ui-showroom-library-grid,.ui-showroom-library-tree,.ui-showroom-library-category,.ui-showroom-library-category__items,.ui-showroom-catalog-preview-meta-grid{gap:var(--spacing-4);display:grid}.ui-showroom-catalog-result-bar{min-width:var(--ui-zero);align-items:start;gap:var(--spacing-3);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-result-bar{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-result-bar{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-result-bar{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-catalog-result-bar{box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-controls{padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-controls{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-controls{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-controls{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-catalog-controls{box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-filter-bar{gap:var(--spacing-4)}.ui-showroom-catalog-filter-chips{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.ui-showroom-catalog-filter-chip{min-height:var(--ui-radius-2);max-width:var(--ui-percent-100);padding-inline:var(--spacing-control-inline);border:var(--ui-size-1px) solid var(--color-surface-card);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-filter-chip{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-primary) var(--mix-18), var(--color-border-soft))}}.ui-showroom-catalog-filter-chip{border-radius:var(--radius-full);background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-filter-chip{background-color:color-mix(in srgb, var(--color-primary) var(--mix-8), transparent)}}.ui-showroom-catalog-filter-chip{color:var(--color-text-strong);font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.ui-showroom-overview-grid{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-overview-card{gap:var(--spacing-4);min-width:var(--ui-zero);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-overview-card{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-overview-card{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-overview-card{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-overview-card{box-shadow:var(--shadow-card-sm);transition:border-color var(--duration-180) ease, transform var(--duration-180) ease, box-shadow var(--duration-180) ease}.ui-showroom-overview-card:hover{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-overview-card:hover{border-color:color-mix(in srgb, var(--color-primary) var(--mix-26), var(--color-border-soft))}}.ui-showroom-overview-card:hover{transform:translateY(-var(--ui-size-1px));box-shadow:var(--shadow-card-md)}.ui-showroom-overview-card__meta,.ui-showroom-overview-card__heading{align-items:center;gap:var(--spacing-3);display:flex}.ui-showroom-overview-card__meta{justify-content:space-between}.ui-showroom-catalog-main{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1));align-items:start;gap:var(--spacing-8);display:grid}.ui-showroom-catalog-intro{gap:var(--spacing-6);min-width:var(--ui-zero);display:grid}.ui-showroom-catalog-workspace{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1));align-items:start;gap:var(--spacing-8)}.ui-showroom-catalog-workspace[data-showroom-workspace-mode=styleguide]{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-catalog-library-rail{min-width:var(--ui-zero);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card);align-content:start}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-library-rail{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-library-rail{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-library-rail{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-catalog-library-rail{box-shadow:var(--shadow-card-sm)}.ui-showroom-library-group{gap:var(--spacing-3)}.ui-showroom-catalog-filter-field,.ui-showroom-catalog-filter-bar,.ui-showroom-catalog-filter-actions,.ui-showroom-catalog-controls,.ui-showroom-styleguide-workspace,.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface,.ui-showroom-styleguide-workspace__intro,.ui-showroom-library-tree,.ui-showroom-library-category,.ui-showroom-library-category__items,.ui-showroom-library-link,.ui-showroom-library-link__main,.ui-showroom-library-group__headline,.ui-showroom-catalog-preview-meta-grid,.ui-showroom-catalog-preview-header,.ui-showroom-catalog-toolbar,.ui-showroom-catalog-toggle-group{min-width:var(--ui-zero)}.ui-showroom-catalog-filter-actions{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.ui-showroom-catalog-mode-detail__title,.ui-showroom-library-group__title,.ui-showroom-library-link__title{color:var(--color-text-strong);font-size:var(--font-size-base-fluid);font-weight:var(--font-weight-bold);line-height:var(--ui-line-height-1_3);letter-spacing:var(--ui-zero)}.ui-showroom-library-group__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);display:flex}.ui-showroom-library-group__headline{gap:var(--spacing-2)}.ui-showroom-library-category{gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-category{border-top:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-library-category:first-child{border-top:0;padding-top:0}.ui-showroom-library-category__summary,.ui-showroom-library-category-header{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-inline:var(--spacing-control-inline);list-style:none;display:flex}.ui-showroom-library-category__summary::-webkit-details-marker{display:none}.ui-showroom-library-category-header::-webkit-details-marker{display:none}.ui-showroom-library-category__label{color:var(--color-text-strong);font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-bold);line-height:var(--ui-line-height-1_3)}.ui-showroom-library-link{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-width:var(--ui-zero);padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);border:var(--ui-size-1px) solid var(--color-surface-card);display:flex}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-link{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-library-link{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-link{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-library-link{transition:border-color var(--duration-180) ease, background-color var(--duration-180) ease, transform var(--duration-180) ease, box-shadow var(--duration-180) ease}.ui-showroom-library-link:hover,.ui-showroom-library-link[aria-current=page]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-link:hover,.ui-showroom-library-link[aria-current=page]{border-color:color-mix(in srgb, var(--color-primary) var(--mix-24), var(--color-border-soft))}}.ui-showroom-library-link:hover,.ui-showroom-library-link[aria-current=page]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-link:hover,.ui-showroom-library-link[aria-current=page]{background-color:color-mix(in srgb, var(--color-primary) var(--mix-6), transparent)}}.ui-showroom-library-link:hover,.ui-showroom-library-link[aria-current=page]{transform:translateY(-var(--ui-size-1px));box-shadow:var(--shadow-card-sm)}.ui-showroom-library-link__main{gap:var(--spacing-1)}.ui-showroom-library-link__meta{color:var(--color-text-muted);font-size:var(--font-size-xs-fluid);font-weight:var(--font-weight-semibold);letter-spacing:var(--ui-tracking-0_06);text-transform:uppercase}.ui-showroom-catalog-series-stack,.ui-showroom-catalog-series-card,.ui-showroom-catalog-series-card__intro,.ui-showroom-catalog-series-card__meta,.ui-showroom-catalog-series-card__points{gap:var(--spacing-4);min-width:var(--ui-zero);display:grid}.ui-showroom-catalog-series-stack{gap:var(--spacing-6)}.ui-showroom-catalog-series-card{padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-series-card{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-catalog-series-card{border-radius:calc(var(--radius-shell) + var(--spacing-1_4));background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-series-card{background:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-catalog-series-card{box-shadow:var(--shadow-card-sm)}.ui-showroom-catalog-series-card[data-showroom-series-current=true]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-series-card[data-showroom-series-current=true]{border-color:color-mix(in srgb, var(--color-primary) var(--mix-28), var(--color-border-soft))}}.ui-showroom-catalog-series-card[data-showroom-series-current=true]{box-shadow:var(--shadow-card-md)}.ui-showroom-catalog-series-card__eyebrow{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.ui-showroom-catalog-series-card__meta{gap:var(--spacing-2)}.ui-showroom-catalog-series-card__path{font-family:var(--font-family-mono);font-size:var(--font-size-xs-fluid);color:var(--color-text-muted);overflow-wrap:anywhere}.ui-showroom-catalog-series-card__points{gap:var(--spacing-3);padding-inline-start:var(--spacing-4)}.ui-showroom-catalog-series-card{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-series-card{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-12), transparent)}}.ui-showroom-catalog-series-card{background:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-catalog-series-card{background:color-mix(in srgb, var(--color-surface-inverse) var(--mix-90), var(--color-content))}}.ui-showroom-catalog-preview-meta-grid{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-library-card,.ui-showroom-styleguide-index__card{gap:var(--spacing-3);min-width:var(--ui-zero);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-card,.ui-showroom-styleguide-index__card{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-library-card,.ui-showroom-styleguide-index__card{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-card,.ui-showroom-styleguide-index__card{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-library-card,.ui-showroom-styleguide-index__card{box-shadow:var(--shadow-card-sm);transition:border-color var(--duration-180) ease, background-color var(--duration-180) ease, transform var(--duration-180) ease, box-shadow var(--duration-180) ease}.ui-showroom-library-card:hover,.ui-showroom-library-card.is-current,.ui-showroom-styleguide-index__card:hover{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-card:hover,.ui-showroom-library-card.is-current,.ui-showroom-styleguide-index__card:hover{border-color:color-mix(in srgb, var(--color-primary) var(--mix-24), var(--color-border-soft))}}.ui-showroom-library-card:hover,.ui-showroom-library-card.is-current,.ui-showroom-styleguide-index__card:hover{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-library-card:hover,.ui-showroom-library-card.is-current,.ui-showroom-styleguide-index__card:hover{background-color:color-mix(in srgb, var(--color-primary) var(--mix-6), transparent)}}.ui-showroom-library-card:hover,.ui-showroom-library-card.is-current,.ui-showroom-styleguide-index__card:hover{transform:translateY(-var(--ui-size-1px));box-shadow:var(--shadow-card-md)}.ui-showroom-library-card__path{font-family:var(--font-family-mono);font-size:var(--ui-font-size-0_72);line-height:var(--ui-line-height-1_5);color:var(--color-text-muted);overflow-wrap:anywhere;word-break:break-word}.ui-showroom-styleguide-shell__index{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-styleguide-nav__link{gap:var(--ui-spacing-0_2);padding-block:var(--spacing-control-block);padding-inline:var(--spacing-control-inline);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-nav__link{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-styleguide-nav__link{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-nav__link{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-styleguide-nav__link{transition:border-color var(--duration-180) ease, background-color var(--duration-180) ease, transform var(--duration-180) ease}.ui-showroom-styleguide-nav__link:hover{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-nav__link:hover{border-color:color-mix(in srgb, var(--color-primary) var(--mix-24), var(--color-border-soft))}}.ui-showroom-styleguide-nav__link:hover{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-nav__link:hover{background-color:color-mix(in srgb, var(--color-primary) var(--mix-7), transparent)}}.ui-showroom-styleguide-nav__link:hover{transform:translateY(-var(--ui-size-1px))}.ui-showroom-styleguide-nav__label{font-size:var(--font-size-sm-fluid);font-weight:var(--font-weight-bold);color:var(--color-text-strong)}.ui-showroom-styleguide-nav__copy{font-size:var(--font-size-sm-fluid);color:var(--color-text-muted)}.ui-showroom-catalog-preview-panel{min-width:var(--ui-zero);gap:var(--spacing-6);position:relative}.ui-showroom-styleguide-workspace{align-items:start;gap:var(--spacing-8)}.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface{min-width:var(--ui-zero);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-styleguide-workspace__rail,.ui-showroom-styleguide-workspace__surface{box-shadow:var(--shadow-card-sm)}.ui-showroom-styleguide-workspace__intro{gap:var(--spacing-4)}.ui-showroom-styleguide-workspace__index{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-live-preview-shell{color:var(--color-content-inverse);max-width:min(var(--ui-percent-100), calc(var(--breakpoint-sm) - (var(--spacing-shell-x) * 2)));max-width:min(var(--ui-percent-100), calc(var(--breakpoint-lg) - (var(--spacing-shell-x) * 2)));max-width:min(var(--ui-percent-100), var(--container-7xl))}.ui-showroom-styleguide,.ui-showroom-styleguide-section,.ui-showroom-styleguide-token-grid,.ui-showroom-styleguide-metric-grid{gap:var(--spacing-6);display:grid}.ui-showroom-styleguide-shell,.ui-showroom-styleguide-shell__index,.ui-showroom-styleguide-shell__content,.ui-showroom-styleguide-section__intro,.ui-showroom-styleguide-section__body{gap:var(--spacing-6);min-width:var(--ui-zero);display:grid}.ui-showroom-styleguide-shell{gap:var(--spacing-6)}.ui-showroom-styleguide-shell--workspace{gap:var(--spacing-8)}.ui-showroom-styleguide-shell__content{inline-size:var(--ui-percent-100);max-inline-size:var(--container-7xl);margin-inline:var(--ui-auto);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-shell__content{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-styleguide-shell__content{border-radius:calc(var(--radius-shell) + var(--spacing-0_5));background:linear-gradient(var(--ui-angle-180), var(--color-surface-card), var(--color-surface-card))}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-shell__content{background:linear-gradient(var(--ui-angle-180), color-mix(in srgb, var(--color-surface-card) var(--mix-99), transparent), color-mix(in srgb, var(--color-surface-panel) var(--mix-95), transparent))}}.ui-showroom-styleguide-shell__content{box-shadow:var(--shadow-card-sm)}.ui-showroom-styleguide-shell__content--workspace{max-inline-size:none;padding:var(--spacing-card);box-shadow:none;background:0 0;border:0;border-radius:0;margin-inline:0}.ui-showroom-styleguide-shell__index{align-items:stretch}.ui-showroom-styleguide{gap:var(--spacing-page-shell-blocks)}.ui-showroom-styleguide-section{gap:var(--spacing-4)}.ui-showroom-styleguide-section__intro{align-content:start;gap:var(--spacing-2)}.ui-showroom-styleguide-section__body{align-content:start;gap:var(--spacing-4)}.ui-showroom-styleguide-token-grid,.ui-showroom-styleguide-metric-grid{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-styleguide-section+.ui-showroom-styleguide-section{padding-top:var(--spacing-8);border-top:var(--ui-size-1px) solid var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-section+.ui-showroom-styleguide-section{border-top:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-styleguide-section{scroll-margin-top:calc(var(--spacing-header-control) + var(--spacing-8))}.ui-showroom-styleguide-token-card,.ui-showroom-styleguide-metric-card{gap:var(--spacing-3);min-width:var(--ui-zero);padding:var(--spacing-card);border:var(--ui-size-1px) solid var(--color-surface-card);display:grid}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-token-card,.ui-showroom-styleguide-metric-card{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-88), transparent)}}.ui-showroom-styleguide-token-card,.ui-showroom-styleguide-metric-card{border-radius:calc(var(--radius-panel) - var(--spacing-0_5));background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-token-card,.ui-showroom-styleguide-metric-card{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-98), transparent)}}.ui-showroom-styleguide-token-card,.ui-showroom-styleguide-metric-card{box-shadow:var(--shadow-card-sm)}.ui-showroom-styleguide-token-card{align-content:start}.ui-showroom-styleguide-token-card__swatch{inline-size:var(--ui-percent-100);min-block-size:clamp(var(--ui-size-3_25), var(--ui-size-3) + .45vw, var(--ui-size-3_75));border:var(--ui-size-1px) solid var(--color-surface-card);display:block}@supports (color:color-mix(in lab, red, red)){.ui-showroom-styleguide-token-card__swatch{border:var(--ui-size-1px) solid color-mix(in srgb, var(--color-border-soft) var(--mix-85), transparent)}}.ui-showroom-styleguide-token-card__swatch{border-radius:calc(var(--radius-panel) - var(--spacing-0_5))}.ui-showroom-styleguide-token-card__body,.ui-showroom-styleguide-metric-card__copy{gap:var(--spacing-2);display:grid}.ui-showroom-styleguide-token-card__title,.ui-showroom-styleguide-metric-card__title{color:var(--color-text-strong);font-size:var(--font-size-base-fluid);font-weight:var(--font-weight-semibold);line-height:var(--ui-line-height-1_35)}.ui-showroom-styleguide-token-card__token,.ui-showroom-styleguide-metric-card__token,.ui-showroom-styleguide-metric-card__value{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs-fluid);line-height:var(--ui-line-height-1_6);overflow-wrap:anywhere}.ui-showroom-styleguide-metric-card__note{color:var(--color-text-body);font-size:var(--font-size-sm-fluid);line-height:var(--ui-line-height-1_6)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=primary]{background-color:var(--color-primary)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=primary-hover]{background-color:var(--color-primary-hover)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=surface]{background-color:var(--color-surface)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=surface-muted]{background-color:var(--color-surface-muted)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=surface-inverse]{background-color:var(--color-surface-inverse)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=content]{background-color:var(--color-content)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=content-inverse]{background-color:var(--color-content-inverse)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=stroke]{background-color:var(--color-stroke)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=success]{background-color:var(--color-success)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=warning]{background-color:var(--color-warning)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=danger]{background-color:var(--color-danger)}.ui-showroom-styleguide-token-card__swatch[data-ui-styleguide-swatch=focus]{background-color:var(--color-focus)}.ui-showroom-catalog-preview-panel--styleguide{top:var(--ui-auto);width:var(--ui-percent-100);justify-self:stretch;position:static}@media (min-width:80rem){.ui-showroom-catalog-intro-panels{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-catalog-filter-grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-catalog-filter-field--search{grid-column:1/-1}.ui-showroom-overview-grid,.ui-showroom-styleguide-shell__index{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-styleguide-workspace{grid-template-columns:minmax(var(--ui-size-14), var(--ui-size-16_5)) minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-styleguide-workspace__index{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-catalog-workspace{grid-template-columns:minmax(var(--ui-size-14_5), var(--ui-size-17)) minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-catalog-workspace[data-showroom-workspace-mode=styleguide]{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-catalog-toolbar__groups{justify-content:flex-start}.ui-showroom-styleguide{gap:var(--spacing-8)}.ui-showroom-styleguide-section{grid-template-columns:minmax(var(--ui-size-12), var(--ui-size-15)) minmax(var(--ui-zero), var(--ui-fr-1));gap:var(--spacing-6)}.ui-showroom-styleguide-token-grid,.ui-showroom-styleguide-metric-grid{grid-template-columns:repeat(var(--ui-repeat-2), minmax(var(--ui-zero), var(--ui-fr-1)))}}.ui-showroom-library-group__badge{border-radius:var(--radius-full);border-width:var(--ui-size-1px);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface-elevated);padding-inline:var(--spacing-control-inline);padding-block:var(--spacing-control-block);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary);align-items:center;display:inline-flex}.ui-showroom-catalog-preview-panel--library{border-radius:var(--radius-panel);border-width:var(--ui-size-1px);border-style:solid;border-color:var(--color-border);background-color:var(--color-surface-card);padding:var(--spacing-card);box-shadow:var(--shadow-card-sm)}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__flyout],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__featured],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__sticky-rail],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__workspace-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__tier]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__flyout],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__featured],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__sticky-rail],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__workspace-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__tier]{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-96), var(--color-content))}}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__flyout],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__featured],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__sticky-rail],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__workspace-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__tier]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__flyout],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__featured],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__sticky-rail],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__workspace-stack],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__tier]{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-16), transparent)}}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__nav],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__actions],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-button],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__action],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__eyebrow],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__title],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__copy],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__cta],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__panel],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__field]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__nav],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__actions],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-button],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__menu-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__action],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__eyebrow],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__title],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__copy],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__cta],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__panel],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-reference-preview__field]{background-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-16), transparent)}}[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-reference-code]{max-width:var(--ui-size-max-23);margin-inline:var(--ui-auto)}[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-reference-preview__menu-stack--two-up],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-reference-preview__footer-actions],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-reference-preview__action-row],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-reference-preview__media-grid]{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}[data-showroom-preview-root][data-showroom-preview-viewport=tablet] [class~=ui-showroom-reference-code]{max-width:var(--ui-size-max-48);margin-inline:var(--ui-auto)}[data-showroom-preview-root][data-showroom-preview-viewport=desktop] [class~=ui-showroom-reference-code]{max-width:var(--ui-size-max-68);margin-inline:var(--ui-auto)}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__block],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__input],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__chip],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__stat],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__sidebar-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__eyebrow]{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__block],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__input],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__chip],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__stat],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__sidebar-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__eyebrow]{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-12), transparent)}}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__block],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__input],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__chip],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__stat],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__sidebar-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__eyebrow]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__block],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__input],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__pill],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__chip],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__stat],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__sidebar-item],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__eyebrow]{background-color:color-mix(in srgb, var(--color-surface-panel) var(--mix-86), var(--color-surface-inverse))}}[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line--strong],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line--title]{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line--strong],[data-showroom-preview-root][data-showroom-preview-theme=dark] [class~=ui-showroom-component-preview__line--title]{background-color:color-mix(in srgb, var(--color-secondary) var(--mix-20), var(--color-primary))}}[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-component-preview__workspace--pattern],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-component-preview__workspace--template],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-component-preview__section-grid],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-component-preview__stats],[data-showroom-preview-root][data-showroom-preview-viewport=mobile] [class~=ui-showroom-component-preview__control-row]{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-showroom-catalog-intro,.ui-showroom-catalog-main{gap:var(--spacing-6);min-width:var(--ui-zero)}.ui-showroom-reference-code{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-code{background-color:color-mix(in srgb, var(--color-surface-card) var(--mix-96), var(--color-content))}}.ui-showroom-reference-code{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-code{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-16), transparent)}}.ui-showroom-reference-preview__brand{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-reference-preview__brand{background-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-16), transparent)}}.ui-showroom-reference-preview--pricing{grid-template-columns:minmax(var(--ui-zero), var(--ui-fr-1))}.ui-showroom-reference-preview{max-width:var(--ui-size-max-48);max-width:var(--ui-size-max-68);margin-inline:var(--ui-auto)}.ui-showroom-component-preview__panel{border-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__panel{border-color:color-mix(in srgb, var(--color-content-inverse) var(--mix-12), transparent)}}.ui-showroom-component-preview__panel{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__panel{background-color:color-mix(in srgb, var(--color-surface-panel) var(--mix-86), var(--color-surface-inverse))}}.ui-showroom-component-preview__button{background-color:var(--color-surface-card)}@supports (color:color-mix(in lab, red, red)){.ui-showroom-component-preview__button{background-color:color-mix(in srgb, var(--color-secondary) var(--mix-20), var(--color-primary))}}.ui-showroom-component-preview__workspace{grid-template-columns:repeat(var(--ui-repeat-1), minmax(var(--ui-zero), var(--ui-fr-1)))}.ui-styleguide-spacing-bar{height:var(--spacing-4);max-inline-size:var(--ui-percent-100);border-radius:var(--radius-full);background:linear-gradient(var(--ui-angle-90), #195a802e, #195a806b);display:block}@supports (color:color-mix(in lab, red, red)){.ui-styleguide-spacing-bar{background:linear-gradient(var(--ui-angle-90), color-mix(in srgb, var(--color-primary) var(--mix-18), transparent), color-mix(in srgb, var(--color-primary) var(--mix-42), transparent))}}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-2xs]{width:var(--spacing-1)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-xs]{width:var(--spacing-2)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-sm]{width:var(--spacing-3)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-md]{width:var(--spacing-4)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-lg]{width:var(--spacing-6)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-xl]{width:var(--spacing-8)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-2xl]{width:var(--spacing-12)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=space-3xl]{width:var(--spacing-16)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=section]{width:var(--spacing-section)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=hero-start]{width:var(--spacing-section-hero-start)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=hero-end]{width:var(--spacing-section-hero-end)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=page-blocks]{width:var(--spacing-page-shell-blocks)}.ui-styleguide-spacing-bar[data-ui-styleguide-bar=shell]{width:var(--spacing-shell-x)}.ui-component,[class~=ui-card-variant],.ui-avatar-series,[class~=ui-badge-series],[class~=ui-button-series],[class~=ui-checkbox-series],.ui-date-time-series,.ui-divider-series,.ui-icon-button-series,[class~=ui-input-series],.ui-label-series,.ui-link-series,.ui-locale-flag-series,.ui-money-series,[class~=ui-radio-series],[class~=ui-select-series],.ui-status-dot-series,[class~=ui-switch-series],[class~=ui-textarea-series],[class~=ui-card-series],[class~=ui-page-header-series],.ui-core-dashboard-series,.ui-template-landing-page-series,.ui-supervisor-console-series,.ui-styleguide,.ui-ecosystem{gap:var(--spacing-4);display:grid}[data-showroom-panel=mode],[data-showroom-panel=filter]{gap:var(--spacing-6);min-width:var(--ui-zero)}}