/* Dropdowns */

.dropdown-button {
    position: relative;
    display: inline-flex;

    &.disabled, &[disabled] {
        cursor: not-allowed;
        opacity: 0.35;
    }

    & > .dropdown-element {
        display: inline-flex;
    }

    &:not(.disabled):not([disabled]):not(.no-cursor) > .dropdown-element {
        cursor: pointer;
    }

    & > .dropdown {
        position: absolute;
        left: 0;
        bottom: -6px;
        z-index: 35;
        min-width: 120px;
        padding: 12px 15px 15px;
        transform: translateY(100%);

        color: var( --theme-dropdown-color, #000 );
        background: var( --theme-dropdown-background, none );
        box-shadow: var(--theme-dropdown-box-shadow, none );
        border: 1px solid var(--theme-dropdown-border-color, #d9d9d9);
        border-radius: var(--theme-dropdown-border-radius, 6px);

        &.is-right {
            left: auto;
            right: 0;
        }

        .button {
            white-space: nowrap;
        }

    }

    &:not(.is-active):not(.is-clicked) > .dropdown {
        display: none;
    }


}