.c-select {
    @extend $select-field;
    color: $color--main-dark;
    font-weight: $font--bold;

    &--unselected {
        color: $color--gray-1;
        font-weight: $font--regular;
    }

    &--error {
        border-width: 2px;
        border-color: $color--danger;
        padding-left: 19px;
        padding-right: @padding-left;

        &:hover, &:focus {
            border-color: @border-color;
        }

        & ~ .c-form__msg {
            color: @border-color;
        }    
    }

    &__icon {
        @extend $select-icon;
    }
}