.overlay{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:100}.overlay.slide-out-active,.overlay.slide-out-active .overlay__inner,.overlay.slide-out-enter-active,.overlay.slide-out-enter-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{background:hsla(var(--color-black)/.4);height:100vh;left:0;position:absolute;top:0;width:100%}.overlay__inner{background:var(--off-white);color:var(--black);height:100vh;position:relative;width:calc(var(--cols)*11 - var(--gutter) + var(--grid-margin))}.overlay__header{display:flex;justify-content:space-between;padding:.8rem var(--grid-gap) .8rem var(--grid-margin);position:relative}.overlay__header:after{background:currentColor;bottom:0;content:"";height:1px;left:var(--grid-margin);opacity:.3;position:absolute;width:calc(100% - var(--grid-gap) - var(--grid-margin))}.overlay__logo{height:1rem}.overlay__close-btn{align-items:center;display:flex}.overlay__close-icon{height:.5rem;margin-left:.5rem}