@import '/UI/Style.scss';

Select {
    font-size: 34px;
    color: $white;

    .arrow {
        background-color: $gray-brighter;
        width: 40px;
        align-items: center;
        text-align: center;

        &:hover {
            filter: brightness(150%);
            sound-in: 'hover';
            cursor: pointer;
            transform: scale(1.05);
        }

        &:active {
            sound-in: 'light_click';
            transform: scale(1.01);
        }
    }

    .value {
        background-color: $gray;
        align-items: center;
        text-align: center;
        width: 200px;
    }
}