.ds-scope{--radius-sm:2px;--radius-md:4px;--radius-lg:var(--sys-radius-workbench);--radius-xl:var(--sys-radius-workbench);--radius-2xl:var(--sys-radius-workbench);--radius-3xl:var(--sys-radius-workbench);color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans)}.ds-scope *,.ds-scope :before,.ds-scope :after{min-width:0}.ds-component-showcase{gap:var(--system-exhibit-heading-gap,var(--sys-space-6));display:grid}.ds-showcase-heading h3{max-width:46rem;font-family:var(--font-display);font-size:var(--system-exhibit-title-size,1.5rem);letter-spacing:-.045em;text-wrap:balance;font-weight:650;line-height:1.15}.ds-showcase-frame{border:var(--sys-rule-hair) solid var(--border);border-radius:var(--sys-radius-workbench);background:var(--sys-workbench);overflow:hidden}.ds-showcase-preview{min-height:10rem;padding:clamp(var(--sys-space-8), 5vw, var(--sys-space-12));background:var(--sys-workbench);place-items:center;display:grid;overflow:hidden}.ds-showcase-disclosure{border-top:var(--sys-rule-hair) solid var(--border);background:var(--sys-stage)}.ds-showcase-disclosure summary{min-height:var(--system-disclosure-height,3rem);align-items:center;gap:var(--sys-space-2);padding-inline:var(--sys-space-4);color:var(--muted-foreground);cursor:pointer;font-size:var(--sys-type-ui-size);font-weight:var(--sys-type-ui-weight);line-height:var(--sys-type-ui-leading);transition:color var(--sys-motion-fast) var(--sys-ease-standard), background-color var(--sys-motion-fast) var(--sys-ease-standard);background:0 0;list-style:none;display:flex}.ds-showcase-disclosure summary::-webkit-details-marker{display:none}.ds-showcase-disclosure summary svg{width:var(--sys-icon-sm);height:var(--sys-icon-sm);transition:transform var(--sys-motion-fast) var(--sys-ease-standard)}.ds-showcase-disclosure[open] summary svg{transform:rotate(90deg)}.ds-showcase-disclosure summary:hover{color:var(--foreground);background:color-mix(in oklab, var(--sys-action) 6%, transparent)}.ds-showcase-disclosure summary:focus-visible{outline:var(--sys-rule-strong) solid var(--ring);outline-offset:calc(-1 * var(--sys-rule-strong))}.ds-showcase-code-label-open,.ds-showcase-disclosure[open] .ds-showcase-code-label{display:none}.ds-showcase-disclosure[open] .ds-showcase-code-label-open{display:inline}.ds-showcase-code{padding:var(--sys-space-5);border-top:var(--sys-rule-hair) solid var(--border);background:var(--sys-stage)}@media (max-width:52rem){.ds-showcase-preview{padding:var(--sys-space-3)}}@media (prefers-reduced-motion:reduce){.ds-scope *,.ds-scope :before,.ds-scope :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}