.overlay{display:block;pointer-events:all;width:100%;position:fixed;height:100%;overflow:hidden;-webkit-transition:-webkit-transform ease-in-out .25s;transition:transform ease-in-out .25s;z-index:99;background-color:var(--color-white);max-width:500px;-webkit-overflow-scrolling:touch}wdn-modal.overlay{top:0;left:0;max-width:unset;justify-content:center;display:flex;align-items:center;box-shadow:unset;-webkit-box-shadow:unset;background-color:unset}wdn-modal-close,wdn-modal-open{cursor:pointer}wdn-modal[data-active]{box-shadow:unset;-webkit-box-shadow:unset}wdn-modal .overlay-inner{padding:6em;margin:1.5em;border-radius:2px;-webkit-box-shadow:0 0 2px 5px rgba(0,0,0,.1);box-shadow:0 0 2px 5px #0000001a;max-width:520px;min-width:300px;z-index:99;max-height:100vh;overflow-x:auto;position:relative;background-color:var(--color-white)}.overlay[data-active]{opacity:1;-webkit-box-shadow:0px 10px 22px -8px rgba(0,0,0,.75);box-shadow:0 10px 22px -8px #000000bf}.overlay[data-animate=left]{left:0;-webkit-transform:translateX(-100%);transform:translate(-100%)}.overlay[data-animate=right]{left:auto;right:0;-webkit-transform:translateX(100%);transform:translate(100%)}.overlay[data-animate=right],.overlay[data-animate=left]{top:0}.overlay[data-animate=right][data-active],.overlay[data-animate=left][data-active]{-webkit-transform:translateX(0);transform:translate(0)}.overlay[data-animate=top]{-webkit-transform:translateY(-100%);transform:translateY(-100%);top:0}.overlay[data-animate=bottom]{-webkit-transform:translateY(100%);transform:translateY(100%);bottom:0}.overlay[data-animate=top],.overlay[data-animate=bottom]{right:0;max-width:100%;height:auto}.overlay[data-animate=top][data-active],.overlay[data-animate=bottom][data-active]{-webkit-transform:translateY(0);transform:translateY(0)}.overlay--abs{position:absolute;right:0;top:0;padding:1.25em;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.overlay--open{width:100%;height:100%;position:absolute;overflow:hidden;-webkit-overflow-scrolling:touch}.overlay--open:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-darken);z-index:52;opacity:1;animation-name:fadeIn;animation-duration:.375s}.overlay--open.select--open:after{background-color:var(--background-darken)}.overlay--open-fade-out:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-darken);z-index:15;opacity:1;animation-name:fadeOut;animation-duration:.375s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-overlay-open],[data-overlay-close]{cursor:pointer}.loading-wrapper{justify-content:center;margin-bottom:0;align-items:center;position:absolute;height:100%;width:100%;z-index:1000;top:0;left:0;display:none}.loading-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background-darken);z-index:20}.loading-icon{border:3px solid var(--color-white);border-radius:50%;border-top:3px solid var(--color-midnight);width:6em;height:6em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:9;box-shadow:0 0 1px #909090;z-index:25;-webkit-box-shadow:0 0 1px #909090;background-image:radial-gradient(transparent,transparent,transparent,#909090)}[data-loading] .overlay-inner{position:relative}[data-loading] .loading-wrapper{display:flex}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/modal-overlay.css.map */