.curtain {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100vw;
    overflow-y: unset;
    display: block;
}

.curtain[data-type="menuMobile"] {
    z-index: calc(var(--index-menuMobile) - 1);
}

.curtain[data-type="expandedCard"] {
    z-index: calc(var(--index-expanded-card) - 1);
}

.curtain[data-type="modal"] {
    z-index: calc(var(--index-modal) - 1);
}

.curtain[data-type="popup"] {
    z-index: calc(var(--index-popup) - 1);
}

@media screen and (max-width: 1080px) {
    .curtain {
        height: calc(100dvh + 60px);
    }
}