@import "../variables/colors.scss";

.select-component__control.select-component__control--is-focused,
.select-component__control.select-component__control--is-focused:hover {
    box-shadow: none;
    border-color: $white-hover-light;
    color: $comet;
}

.select-component__option {
    text-align: left;
}

.select-component__control.select-component__control--menu-is-open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.select-component__option.select-component__option--is-focused,
.select-component__option.select-component__option--is-focused.select-component__option--is-selected,
.select-component__option.select-component__option--is-focused:hover {
    background-color: $primary-hover-light;
    color: $comet-placeholder;
}

.select-component-container .select-component__menu {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.select-component__menu-notice.select-component__menu-notice--no-options {
    text-align: left;
}