@supports (appearance:base-select){@layer base{select{appearance:base-select}::picker(select){appearance:base-select}select{cursor:pointer;align-items:center;gap:6px;display:inline-flex}select::picker-icon{content:"";background-color:var(--text-3);flex:none;width:12px;height:12px;transition:rotate .16s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 50%/contain no-repeat}select:open::picker-icon{rotate:180deg}::picker(select){border:1px solid var(--border-hi);background:var(--surface);color:var(--text);box-shadow:var(--d-popover-shadow);opacity:0;max-height:min(360px,60vh);transition:opacity .14s ease, translate .14s ease, overlay .14s allow-discrete, display .14s allow-discrete;border-radius:10px;margin-block:6px;padding:4px;overflow-y:auto;translate:0 -4px}select:open::picker(select){opacity:1;translate:0}@starting-style{select:open::picker(select){opacity:0;translate:0 -4px}}select option{white-space:nowrap;border-radius:6px;padding:7px 10px}select option::checkmark{display:none}select option:hover,select option:focus-visible{background:var(--inset);outline:none}select option:checked{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}select option:disabled{color:var(--text-3);cursor:default}}@media (prefers-reduced-motion:reduce){::picker(select){transition:none}select::picker-icon{transition:none}}}