@import '../../styles/constants';

.SelectComponent {
    position: relative;

    &--disabled {
        opacity: 0.5;
    }

    &__label {

        position: relative;

        display: block;

        color: $primary-color-white;
        font-size: 12px;
        font-family: $font-stack;
    }

    &__select {

        position: relative;

        box-sizing: border-box;
        width: 100%;
        height: 25px;
        margin-top: 0;
        padding: 4px 5px;

        color: $secondary-color-gray;
        font-size: 12px;
        font-family: $font-stack;

        border: none;
        border-radius: 3px;
        outline: none;

        cursor: pointer;

        &--option {
            cursor: pointer;
        }
    }
}