.popover {
    outline: 0;
    z-index: calc(var(--zindex-popover) + 1);
    position: absolute;
    opacity: 0;

    &.popover-fixed {
        position: fixed;
    }

    &.popover-relative-width {
        width: 100%;
    }

    &.popover-open {
        opacity: 1;
        transition: opacity;
    }

    &:not(.popover-open ) {
        pointer-events: none;
        transition-duration:0ms !important;
        transition-delay:0ms !important;
    }
}

.appbar {
    .popover-cascading-value {
        z-index: calc(var(--zindex-appbar) + 2);
    }
}

.drawer {
    &:not(.drawer-temporary) {
        .popover-cascading-value {
            z-index: calc(var(--zindex-drawer) + 2);
        }
    }

    &.drawer-temporary, &.drawer-responsive {
        .popover-cascading-value {
            z-index: calc(var(--zindex-appbar) + 4);
        }
    }
}

.dialog {
    .popover-cascading-value {
        z-index: calc(var(--zindex-dialog) + 3);
    }
}

.popover {
    .list {
        max-height: inherit;
        overflow-y: auto;
    }
}