.select{position:relative;display:inline-flex;align-items:center}.select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:128px;padding:9px 38px 9px 14px;border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-bg-raised);color:var(--color-text);color-scheme:dark;font:inherit;letter-spacing:.04em;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select__input option{background:var(--color-bg-card);color:var(--color-text)}.select__chevron{position:absolute;right:12px;pointer-events:none;color:var(--color-accent);transition:transform var(--transition-fast)}.select__input:hover{border-color:var(--color-accent)}.select__input:focus-visible{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}@supports (appearance: base-select){.select__input,.select__input::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.select__input::picker-icon{display:none}.select__input:open{border-color:var(--color-accent)}.select__input:open+.select__chevron{transform:rotate(180deg)}.select__input::picker(select){min-width:anchor-size(width);margin-top:6px;padding:6px;border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-bg-card);box-shadow:var(--shadow-glow);font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--color-text)}.select__input option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border-radius:var(--radius-xs);background:transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.select__input option:hover,.select__input option:focus-visible{outline:0;background:var(--color-bg-selected);color:var(--color-accent-hover)}.select__input option:checked{color:var(--color-accent)}.select__input option::checkmark{order:1;color:var(--color-accent)}}.select--block,.select--block .select__input{width:100%;min-width:0}@media (max-width: 600px){.select{flex:1;min-width:0}.select__input{width:100%;min-width:0;padding:9px 28px 9px 10px}.select__chevron{right:8px}}