.locale-picker {display: inline-flex;text-transform: uppercase;position: relative;}.locale-picker img {width: 20px;}.locale-picker .locale-separator {font-size: 20px;line-height: 1.2;}.locale-picker .locale-picker-current {display: flex;align-items: center;gap: 2px;cursor: pointer;}.locale-picker .locale-picker-current .arrow {filter: invert(100%) sepia(30%) saturate(0%) hue-rotate(279deg) brightness(107%) contrast(102%);transform: rotate(90deg);transition: all 300ms ease-in-out;}.locale-picker .locale-picker-current .arrow.arrow--active {transform: rotate(270deg);}.locale-picker .locale-picker-content {position: absolute;top: 37px;right: -16px;background: var(--primary-700);border-radius: 6px;padding: 10px;opacity: 0;visibility: hidden;transition: all 300ms ease-in-out;display: flex;flex-direction: column;width: fit-content;row-gap: 5px;}.locale-picker .locale-picker-content a {display: flex;text-align: center;color: var(--text-color-50);column-gap: 7px;}.locale-picker .locale-picker-content a.selected-locale {color: var(--disruptive);}.locale-picker .locale-picker-content--active {opacity: 1;visibility: visible;}