overlay-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:3rem;opacity:0;visibility:hidden}overlay-container.active{opacity:1;visibility:visible}overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;background-color:#121212b3;will-change:opacity,visibility;transition:all .4s cubic-bezier(0,0,.2,1)}overlay-frame{position:fixed;bottom:0;right:0;width:100%;height:100%;max-width:100vw;max-height:80vh;will-change:transform}overlay-frame.animate{animation-duration:.4s;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:both}overlay-frame.animate.slide{animation-name:slide-from-bottom}@media screen and (min-width:1024px){overlay-frame.animate.slide{animation-name:slide-from-right}}overlay-frame.animate.zoom{animation-name:slide-from-bottom}@media screen and (min-width:1024px){overlay-frame.animate.zoom{animation-name:zoom-in}}overlay-frame.animate--leave{animation-direction:reverse}@media screen and (min-width:1024px){overlay-frame[type=lightbox]{position:static;width:initial;height:initial;max-height:initial}overlay-frame[type=drawer]{top:0;width:36rem;max-width:calc(100vw - 3rem);max-height:100vh;border-radius:unset}}overlay-component{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);height:100%;border-radius:.75rem .75rem 0 0;background-color:var(--color-neutral-0)}overlay-component .modal-body{overflow:auto}overlay-component .modal-header,overlay-component .modal-footer{background:var(--color-neutral-0);padding:20px;border-bottom:1px solid #ccc}overlay-component .modal-footer{display:flex;align-items:center;justify-content:center;border-top:1px solid #ccc}overlay-component .modal-footer button{width:100%;border:1px solid var(--color-neutral-900);border-radius:50px;color:var(--color-neutral-900);text-align:center;min-height:3.125rem;padding:0 1.5rem}overlay-component .modal-header{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:125%}@media screen and (min-width:1024px){overlay-component .modal-header{font-size:1.5rem}}overlay-component .modal-header button{width:3rem;height:3rem;margin:0;padding:0;border:1px solid var(--color-neutral-50);border-radius:100%;background-color:var(--color-neutral-50)}overlay-component .modal-header button svg{height:1.25rem;width:1.25rem;margin:auto;fill:var(--color-neutral-800)}overlay-component .modal-header button:hover svg{width:1.5rem;height:1.5rem}overlay-component[type=lightbox]{grid-template-rows:80px minmax(0,1fr);width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){overlay-component[type=lightbox]{border-radius:.75rem}overlay-component[type=lightbox] .modal-header,overlay-component[type=lightbox] .modal-footer{border:none}overlay-component[type=lightbox] .modal-footer{display:none}}overlay-component[type=drawer]{grid-template-rows:80px minmax(0,1fr) 80px}@keyframes slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-from-top{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/384/assets/overlay-module.css.map */