:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376518f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.customer-site{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4b0f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
:root select:not([multiple]):not([size]),:root select[size="1"]:not([multiple]){-webkit-appearance:none;appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 14px center;background-size:18px 18px;padding-inline-end:44px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
:root select:disabled{cursor:not-allowed;opacity:.6}
.arrow-icon,.chevron-icon{display:inline-block;flex:none;width:18px;height:18px;vertical-align:middle;pointer-events:none}
a:has(> .arrow-icon),button:has(> .arrow-icon),button:has(> .chevron-icon){display:inline-flex;align-items:center;gap:8px}
:root .button:has(> .arrow-icon){gap:12px}
:root .text-link:has(> .arrow-icon),:root .text-link:has(> .chevron-icon){gap:8px;align-items:center}
.chevron-icon{transition:transform .15s ease}
[aria-expanded="true"]>.chevron-icon{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.chevron-icon{transition:none}}
@media(forced-colors:active){:root select:not([multiple]):not([size]),:root select[size="1"]:not([multiple]){-webkit-appearance:auto;appearance:auto;background-image:none}}