.spx-select{align-items:center;width:100%;display:inline-flex;position:relative}.spx-select__trigger{appearance:none;width:100%;height:44px;padding:0 38px 0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);text-align:left;background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;display:inline-flex}.spx-select__trigger:hover{border-color:var(--text-tertiary)}.spx-select__trigger:focus-visible,.spx-select__trigger[aria-expanded=true]{border-color:var(--glow-rim);box-shadow:0 0 0 3.5px var(--focus-ring);outline:none}.spx-select__trigger[disabled]{background:var(--bg-sunken);color:var(--text-disabled);cursor:not-allowed}.spx-select__value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.spx-select__value--placeholder{color:var(--text-disabled)}.spx-select .chev{pointer-events:none;color:var(--text-tertiary);place-items:center;display:grid;position:absolute;right:14px}.spx-select .chev svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out)}.spx-select__trigger[aria-expanded=true]~.chev svg{transform:rotate(180deg)}.spx-select__menu{box-sizing:border-box;min-width:180px;max-height:280px;padding:var(--space-2);border-radius:var(--radius-md);background:var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:.5px solid var(--glass-border);box-shadow:var(--glass-rim), var(--shadow-lg);overflow-y:auto}.spx-select__option{align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:flex;position:relative}.spx-select__option:hover,.spx-select__option[data-active=true]{background:var(--state-hover);color:var(--text)}.spx-select__option[aria-selected=true]{color:var(--text);font-weight:var(--weight-medium)}.spx-select__option[aria-disabled=true]{opacity:.4;pointer-events:none}.spx-select__check{width:16px;height:16px;color:var(--accent-text);opacity:0;flex:none;place-items:center;display:grid}.spx-select__option[aria-selected=true] .spx-select__check{opacity:1}.spx-select__check svg{width:14px;height:14px}.spx-select__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}