.dropdown {
    position: absolute;
    z-index: $z-index-no-modal;
    border-radius: $base-border-radius;
    background: var(--background-color);
    border: light-border();
    box-shadow: dropdown-box-shadow();
    &__item {
        padding: 8px 12px;
        cursor: pointer;
        white-space: nowrap;
        &--active,
        &--active:hover {
            @include area-selected(right);
        }
        @include nomobile {
            @include area-selectable(right);
            &--active,
            &--active:hover {
                @include area-selected(right);
            }
        }
        &-icon {
            width: 1.6em;
        }
    }
}
