.overlay{--overlay-spacing:2rem;--overlay-bg:var(--color-light);--overlay-color:var(--color-dark);display:none;padding:var(--overlay-spacing);opacity:0;pointer-events:none}.js .overlay{z-index:300;transition:transform 0.25s ease;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"controls" "content";gap:var(--overlay-spacing);position:fixed;width:100%;max-height:100svh;inset:0 auto auto 50%;transform:translate(-50%,-100%);color:var(--overlay-color);background:var(--overlay-bg)}.overlay.is-active{transform:translate(-50%,0);opacity:1;pointer-events:all}.overlay-background{z-index:300;transition:opacity 0.25s ease;opacity:0;pointer-events:none;position:fixed;inset:0;background:var(--color-dark-trans-1)}.overlay-background.is-active{opacity:1;pointer-events:all}.overlay__controls{grid-area:controls;display:flex;justify-content:space-between;align-items:center;gap:1rem}.overlay__content{grid-area:content;width:100%;max-width:var(--content-max-width);margin:0 auto}.overlay__content.is-scrollable{overflow:auto}.overlay__content--align-left{justify-content:flex-start}.overlay__content--align-center{justify-content:center}.overlay__content--align-right{justify-content:flex-end}.js .overlay--full{bottom:0}.js .overlay--full .overlay__content{height:100%}@media(max-width:414px){.js .overlay--mobile-full{bottom:0}.js .overlay--mobile-full .overlay__content{height:100%}}body:not(.is-scrolled) .is-pageticker-visible .overlay{top:var(--pageticker-height)}