.popup-trigger-wrapper {
    position: relative;
    display: inline-block;
}

.header-popup-menu {
    display: none;
}

.popup-menu,
.header-popup-menu {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 1000;
    background: #fff;
    border: 1px solid #bcd;
    padding: 6px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    max-height: min(70vh, 32rem);
    overflow: auto;
}

.popup-menu--classic,
.header-popup-menu-classic {
    background-color: rgb(220, 235, 240);
    border-style: outset;
    border-color: rgb(210, 235, 245);
    border-width: 2px;
    border-radius: 7px;
}

.popup-menu--fixed {
    position: fixed;
}

[x-cloak] {
    display: none !important;
}