.overlay{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:100}.overlay.slide-out-enter-active,.overlay.slide-out-active,.overlay.slide-out-enter-active .overlay__inner,.overlay.slide-out-active .overlay__inner{transition:transform .6s var(--ease-in-cubic),opacity .5s ease}.overlay.slide-out-enter-from,.overlay.slide-out-leave-to{opacity:0}.overlay.slide-out-enter-from .overlay__inner,.overlay.slide-out-leave-to .overlay__inner{opacity:0;transform:translate(-2.5rem)}.overlay__bg{width:100%;height:100vh;position:absolute;left:0;top:0;background:hsla(var(--color-black) / .4)}.overlay__inner{width:calc(calc(var(--cols) * 11 - var(--gutter)) + var(--grid-margin));height:100vh;background:var(--off-white);color:var(--black);position:relative}.overlay__header{padding:.8rem var(--grid-gap) .8rem var(--grid-margin);display:flex;justify-content:space-between;position:relative}.overlay__header:after{content:"";width:calc(100% - var(--grid-gap) - var(--grid-margin));height:1px;background:currentColor;opacity:.3;position:absolute;bottom:0;left:var(--grid-margin)}.overlay__logo{height:1rem}.overlay__close-btn{display:flex;align-items:center}.overlay__close-icon{height:.5rem;margin-left:.5rem}