@supports (appearance:base-select){select:not([multiple]):not([size]):not([hidden]){--select-surface:var(--surface-popover,var(--card));--select-input:var(--surface-input,var(--card));--select-text:var(--text-1,var(--ink));--select-muted:var(--text-2,var(--ink2));--select-border:var(--ctl-border,var(--hair2));--select-accent:var(--accent,var(--blue));--select-tint:var(--accent-dim,var(--blue-dim));appearance:base-select;border:1px solid var(--select-border);background:var(--select-input);min-width:0;max-width:100%;min-height:44px;color:var(--select-text);font:500 14px/1.5 var(--mono);text-align:left;cursor:pointer;border-radius:2px;align-items:center;gap:16px;padding:10px 12px}select:not([multiple]):not([size]):not([hidden])::picker(select){appearance:base-select;overscroll-behavior:contain;border:1px solid var(--select-border);background:var(--select-surface);max-width:calc(100vw - 16px);max-height:min(320px,100dvh - 16px);color:var(--select-text);box-shadow:var(--shadow-card,6px 6px 0 #16151114);font:400 14px/1.5 var(--mono);border-radius:3px;margin-block:6px;padding:5px;overflow-y:auto}select:not([multiple]):not([size]):not([hidden])::picker-icon{content:"";width:7px;height:7px;color:var(--select-muted);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;margin:0 3px 4px auto;rotate:45deg}select:not([multiple]):not([size]):not([hidden]):open::picker-icon{color:var(--select-accent);margin-block:4px 0;rotate:225deg}select:not([multiple]):not([size]):not([hidden]):is(:hover,:open):not(:disabled){border-color:var(--select-accent)}select:not([multiple]):not([size]):not([hidden]):focus-visible{outline:2px solid var(--select-accent);outline-offset:2px}select:not([multiple]):not([size]):not([hidden]) option{min-height:44px;color:var(--select-muted);font:400 14px/1.5 var(--mono);white-space:normal;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:12px;margin:0;padding:8px 10px;display:flex}select:not([multiple]):not([size]):not([hidden]) option:checked{color:var(--select-accent);background:var(--select-tint)}select:not([multiple]):not([size]):not([hidden]) option:is(:hover,:focus-visible):not(:disabled){color:var(--select-text);background:var(--select-tint);outline:1px solid var(--select-accent);outline-offset:-1px}select:not([multiple]):not([size]):not([hidden]) option::checkmark{color:var(--select-accent);order:1;margin-inline-start:auto}select:not([multiple]):not([size]):not([hidden]):disabled,select:not([multiple]):not([size]):not([hidden]) option:disabled{opacity:.38;cursor:not-allowed}}
