﻿select.hide-chevron {
    /* Hide default chevron */
    background-image: none !important;
}

select.flip-icon {
    height: min-content;
    width: min-content;
    margin-left: -24px;
    margin-top: 13px;
}

._icon-rot0 {
    transform: rotate(0deg);
    transition: transform .3s;
}

._icon-rot90 {
    transform: rotate(90deg);
    transition: .15s;
}

._icon-rot180 {
    transform: rotate(180deg);
    transition: .3s;
}

._icon-rot270 {
    transform: rotate(270deg);
    transition: .45s;
}
