.curtain{display:none}.curtain.init{display:block}.curtain.active .curtain__overlay{opacity:.75;transition-delay:0s,0s;visibility:visible}.curtain.active .curtain__wrapper{transform:translateZ(0)}.curtain__overlay{inset:0;opacity:0;transition:visibility 0s,opacity .3s ease;transition-delay:.3s,0s;visibility:hidden;z-index:49}.curtain__overlay,.curtain__wrapper{background-color:var(--color-white);height:100%;position:fixed;width:100%}.curtain__wrapper{color:var(--color-dark);display:flex;flex-direction:column;gap:var(--spacing-l);right:0;top:0;transform:translate3d(100%,0,0);transition:transform .3s ease;z-index:10001}.curtain__content{flex-grow:1;overflow:auto;padding:12rem var(--horizontal-margin) var(--spacing-xl)}@media (min-width:768px){.curtain__wrapper{max-width:56rem}.curtain__content{padding:12rem var(--spacing-xxl) var(--spacing-xxl)}}