@layer warp.components{:where([data-scope=select][data-part=trigger]){justify-content:space-between;align-items:center;gap:var(--warp-space-related);block-size:var(--warp-control-md);min-inline-size:180px;padding-inline:var(--warp-pad-control) var(--warp-space-related);border:var(--warp-border-hairline) solid var(--warp-color-border-control);border-radius:var(--warp-radius-control);background:var(--warp-color-surface-raised);color:var(--warp-color-text);font:400 var(--warp-text-control-size)/1 var(--warp-text-body-font);text-align:start;cursor:pointer;transition:border-color var(--warp-duration-fast) var(--warp-ease-out), box-shadow var(--warp-duration-fast) var(--warp-ease-out);display:inline-flex;position:relative}:where([data-scope=select][data-part=trigger]:hover){border-color:var(--warp-color-text-subtle)}:where([data-scope=select][data-part=trigger][aria-expanded=true]){border-color:var(--warp-color-focus);box-shadow:0 0 0 1px var(--warp-color-focus)}:where([data-scope=select][data-part=trigger])>:where(svg[data-icon]){color:var(--warp-color-text-subtle);transition:rotate var(--warp-duration-base) var(--warp-ease-out)}:where([data-scope=select][data-part=trigger][aria-expanded=true])>:where(svg[data-icon]){rotate:180deg}:where([data-scope=select]) :where([data-part=value]){text-overflow:ellipsis;white-space:nowrap;overflow:clip}:where([data-scope=select][data-part=content]){--_side-x:0;--_side-y:-1;box-sizing:border-box;isolation:isolate;font-family:var(--warp-text-body-font);overscroll-behavior:contain;max-block-size:min(320px,100dvh - 16px);max-inline-size:min(360px,100vw - 16px);padding:var(--warp-space-tight);background:var(--warp-color-surface-overlay);color:var(--warp-color-text);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);box-shadow:var(--warp-elevation-2);font-size:var(--warp-text-body-size);transform-origin:var(--warp-origin,top left);opacity:0;scale:var(--warp-motion-scale-from);translate:0 calc(var(--warp-motion-distance) * -.25);transition:opacity calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), scale calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), translate calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) var(--warp-ease-in), overlay calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) allow-discrete, display calc(var(--warp-duration-base) * var(--warp-duration-exit-k)) allow-discrete;margin:0;position:fixed;inset:auto;overflow:auto}:where([data-scope=select][data-part=content]:popover-open){opacity:1;transition:opacity var(--warp-duration-fast) var(--warp-ease-out), scale var(--warp-spring-duration) var(--warp-ease-spring), translate var(--warp-spring-duration) var(--warp-ease-spring), overlay var(--warp-duration-base) allow-discrete, display var(--warp-duration-base) allow-discrete;translate:0;scale:1}@starting-style{:where([data-scope=select][data-part=content]:popover-open){opacity:0;scale:var(--warp-motion-scale-from);translate:0 calc(var(--warp-motion-distance) * -.5)}}:where([data-scope=select][data-part=content]) :where([data-part=item]){align-items:center;gap:var(--warp-space-related);-webkit-user-select:none;user-select:none;cursor:default;color:var(--warp-color-text);min-block-size:max(32px, var(--warp-control-sm), var(--warp-target-min));padding-inline:var(--warp-space-related);border-radius:max(2px, calc(var(--warp-radius-surface) - 4px));display:flex;position:relative}:where([data-scope=select][data-part=content]) :where([data-part=item][aria-disabled=true]){opacity:var(--warp-opacity-disabled)}:where([data-scope=select][data-part=content]) :where([data-part=group-label]){padding:var(--warp-space-related) var(--warp-space-related) var(--warp-space-tight);color:var(--warp-color-text-subtle);font-family:var(--warp-text-eyebrow-font);font-size:var(--warp-text-eyebrow-size);letter-spacing:var(--warp-text-eyebrow-tracking);text-transform:var(--warp-text-eyebrow-case);font-weight:500}:where([data-scope=select][data-part=content]) :where([data-part=item]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md);display:block}:where([data-scope=select]) :where([data-part=item][aria-selected=true]){font-weight:500}:where([data-scope=select]) :where([data-part=item])>:where([data-part=indicator]){color:var(--warp-color-accent-text);visibility:hidden;margin-inline-start:auto}:where([data-scope=select]) :where([data-part=item][aria-selected=true])>:where([data-part=indicator]){visibility:visible}}