.currency-switcher { display: inline-flex; margin: 0; }
.currency-switcher select {
    min-width: 4.4rem; height: 2.5rem; padding: 0 .65rem;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 6px; background: var(--surface, #171817); color: var(--text, #fff);
    color-scheme: dark;
    font: inherit; font-size: .76rem; font-weight: 700; letter-spacing: 0; cursor: pointer;
}
.currency-switcher select:hover { border-color: color-mix(in srgb, var(--text, #fff) 34%, transparent); }
.currency-switcher select option,
.currency-switcher select optgroup {
    background: #171817;
    color: #fff;
}
.currency-switcher select:focus-visible { outline: 2px solid var(--accent, #d7ae35); outline-offset: 2px; }
html[data-theme="light"] .currency-switcher select {
    border-color: #cbd3c7;
    background: #fff;
    color: #182017;
    color-scheme: light;
}
html[data-theme="light"] .currency-switcher select option,
html[data-theme="light"] .currency-switcher select optgroup {
    background: #fff;
    color: #182017;
}
@media (max-width: 760px) {
    .currency-switcher select { min-width: 4rem; height: 2.35rem; padding-inline: .5rem; }
}