.select-wrap { position: relative; width: 142px; }
.select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; border: 0; border-radius: 999px; background: var(--input); color: var(--ink); padding: 12px 16px; font-size: 14px; cursor: pointer; }
.select-trigger:hover { background: color-mix(in srgb, var(--input), var(--ink) 5%); }
.select-trigger > svg { flex-shrink: 0; transition: rotate 250ms cubic-bezier(.22,1,.36,1); }
.select-trigger[aria-expanded="true"] > svg { rotate: 180deg; }
.select-menu { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: 100%; padding: 8px; border-radius: 28px; background: var(--pop); box-shadow: var(--shadow); max-height: 320px; overflow-y: auto; }
.select-menu[data-above="true"] { top: auto; bottom: calc(100% + 8px); }
.select-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; border: 0; border-radius: 20px; min-height: 42px; padding: 10px 14px; background: transparent; color: var(--ink-2); font-size: 14px; text-align: left; cursor: pointer; }
.select-option svg { flex-shrink: 0; }
.select-option:hover, .select-option:focus, .select-option[aria-selected="true"] { background: var(--input); color: var(--ink); outline: none; }
.select-value, .select-option-label { display: flex; align-items: center; gap: 7px; min-width: 0; }
.language-badge { display: grid; place-items: center; flex-shrink: 0; width: 22px; height: 22px; }
.language-badge img { display: block; width: 18px; height: 18px; }
.t-dropdown { transform-origin: top left; transform: scale(var(--dropdown-pre-scale)); opacity: 0; pointer-events: none; transition: transform var(--dropdown-open-dur) var(--dropdown-ease), opacity var(--dropdown-open-dur) var(--dropdown-ease); will-change: transform, opacity; }
.t-dropdown[data-origin="bottom-left"] { transform-origin: bottom left; }
.t-dropdown.is-open { transform: scale(1); opacity: 1; pointer-events: auto; }
.t-dropdown.is-closing { transform: scale(var(--dropdown-closing-scale)); opacity: 0; pointer-events: none; transition: transform var(--dropdown-close-dur) var(--dropdown-ease), opacity var(--dropdown-close-dur) var(--dropdown-ease); }
.select-trigger, .select-option { transition: background-color 180ms ease-out, color 180ms ease-out, scale 180ms cubic-bezier(.22,1,.36,1); }
.select-trigger:active { scale: .98; }
@media (prefers-reduced-motion: reduce) { .t-dropdown, .select-trigger, .select-option, .select-trigger > svg { transition: none !important; } }

.select-chevron { flex-shrink:0; transition:rotate .25s; }
.select-trigger[aria-expanded="true"] .select-chevron { rotate:180deg; }
.select-check { visibility:hidden; }
.select-option[aria-selected="true"] .select-check { visibility:visible; }