.locale-selector {
    position: relative;
    cursor: pointer;
}


.locale-selector-icon, .locale-selector-chevron {
    fill: #5d6a74;
    margin-top: 2px;
}

.locale-selector-dropdown {
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px #333;
    border-radius: 2px;
    cursor: default;
    text-align: left;
    color: var(--text-medium);
    right: 0px;
    top: 40px;
    width: 216px;
    z-index: 20;
}

.locale-selector-item {
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 8px 10px;
    font-weight: 500;
}

.locale-selector-item:focus,
.locale-selector-item:hover {
    color: var(--text-dark);
    background-color: #e7ecf0;
}


.locale-selector-button {
    display: flex;
    justify-content: center;
    color: var(--text-medium);
}

.locale-selector-locale {
    display: inline-block;
    padding: 0px 3px;
}