.Dropdown {
    color: var(--text-primary);
    width: 100%;

    &-option,
    &-option-icon {
        align-items: center;
        display: flex;
    }

    &-option-icon {
        margin-right: 0.5rem;
    }

    &-option.error {
        color: var(--danger);
    }

    .Select {
        &__control {
            cursor: text;
            min-height: $input-height;
            border-color: $input-border-color;
            border-radius: $input-border-radius;
        }

        &__group {
            padding: 0;
        }

        &__group-heading {
            background-color: var(--white);
            font-size: 100%;
            padding: 10px 15px;
            position: sticky;
            top: -4px;
        }

        &__menu {
            width: max-content;
            z-index: 1000;

            @include permanent-scrollbar;
        }

        &__option {
            line-height: 20px;
            padding: 10px 15px;

            &--is-selected {
                .Glyph {
                    fill: var(--white);
                }
            }
        }

        &--is-disabled {
            color: var(--text-primary-disabled);
        }

        &__clear-indicator,
        &__dropdown-indicator {
            cursor: default;
        }

        &__indicator-separator {
            display: none;
        }
    }

    &.separateFirstOption {
        .Select__menu .Select__option:first-child {
            border-bottom: 1px solid var(--dividers-default);
        }
    }

    &.alignRight {
        .Select__menu {
            right: 0;
        }
    }
}