@layer components{.md3-select-root .md3-select-trigger{appearance:none;width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0}.md3-select-root .md3-select-label{pointer-events:none}.md3-select-value{white-space:nowrap;text-overflow:ellipsis;min-height:var(--md-sys-typescale-body-large-line-height);overflow:hidden}.md3-select-root .md3-select-trigger .md3-select-value[data-placeholder]{color:#0000;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md3-select-root .md3-select-trigger:not([data-has-label]) .md3-select-value[data-placeholder],.md3-select-root[data-focused] .md3-select-trigger .md3-select-value[data-placeholder]{color:var(--md-sys-color-on-surface-variant)}.md3-select-dropdownIcon{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-fast-spatial);display:inline-flex}.md3-select-dropdownIcon>svg{block-size:24px;inline-size:24px}.md3-select-dropdownIcon[data-popup-open]{transform:rotate(180deg)}.md3-select-positioner .md3-select-popup{min-width:var(--anchor-width);max-width:var(--available-width)}.md3-select-positioner .md3-select-item[data-selected]:not([data-disabled]){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);--_icon-color:currentColor}}
.demo-select-variants{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}
.demo-select-selection{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}
.demo-select-scrollable{grid-template-columns:minmax(240px,320px);justify-content:center;display:grid}.demo-select-scrollable-menu{max-height:300px}
.demo-select-states{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}