.overlay-blur{z-index:11;opacity:0;pointer-events:none;visibility:hidden;will-change:opacity;background-color:#00000080;width:100vw;height:100vh;transition:opacity .4s,visibility 0s .4s;position:fixed;top:0;left:0;overflow:hidden}.overlay-blur.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .4s,visibility .2s}.overlay-blur.hidden{opacity:0;pointer-events:none;visibility:hidden}.overlay-content{box-sizing:border-box;background-color:var(--color-white);z-index:1000;will-change:transform;width:80%;height:100dvh;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility;display:flex;position:fixed;top:0;overflow:hidden scroll;box-shadow:0 0 20px #0003}.overlay-content::-webkit-scrollbar{display:none}.overlay-content.visible{visibility:visible;transform:translate(0)}.overlay-content.hidden{visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s .5s;transform:translate(-100%)}.overlay-content.right{left:auto;right:0;transform:translate(100%)}.overlay-content.right.visible{visibility:visible;transform:translate(0)}.overlay-content.right.hidden{visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s .5s;transform:translate(100%)}@media (width<=768px){.overlay-content.bottom-on-mobile{width:100%;height:auto;max-height:90dvh;inset:auto 0 0;transform:translateY(100%)}.overlay-content.bottom-on-mobile.right.visible{transform:translateY(0)}.overlay-content.bottom-on-mobile.right.hidden{transform:translateY(100%)}}