/* 13.04.2023-1 */

.flags {
    position: absolute;
    top: 50%;
    right: 55px;
    transform: translateY(-50%);
    height: auto;
    width: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear, opacity .5s ease;
    display: flex;
    justify-content: space-between;
}

    .flags.js--invisible {
        visibility: hidden;
        opacity: 0;
    }

.flag {
    /* reset start */
    margin: 0 !important;
    padding: 0 !important;
    appearance: none;
    cursor: pointer;
    /* reset end */
    height: 26px !important;
    width: 29px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    transition: .2s linear !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    text-transform: uppercase !important;
}

    .flag:last-child {
        margin-left: 6px !important;
    }

    .flag:hover,
    .flag:focus {
        border-color: #fff !important;
    }

.flag--selected {
    background-color: #fff !important;
    color: #dc0028 !important;
}