.lots-modal{--border-radius: 16px;--overlay-bg: rgba(0, 0, 0, .2);--padding: 44px;--color-primary: #000;--color-shadow-flat: rgba(#000, .35);--color-shadow-light: rgba(#000, .05);position:fixed;display:flex!important;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;padding:22px;transition:all .5s ease;overflow-y:auto;pointer-events:none}.lots-modal:target{opacity:1;visibility:inherit}.lots-modal__overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background:var(--overlay-bg);pointer-events:all}.lots-modal__box{width:100%;padding:var(--padding);z-index:19;position:relative;margin:auto;height:fit-content;border-radius:var(--border-radius);pointer-events:all}.lots-modal__box:before{content:" ";background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;transition:all .5s ease;box-shadow:0 0 24px 0 var(--color-shadow-light)}.lots-modal__close{display:block;width:fit-content;height:fit-content;padding:8px;color:var(--color-primary, var(--fore-color, #202020));right:12px;top:12px;position:absolute;opacity:.4;border-radius:24px}.lots-modal__close:hover,.lots-modal__close:focus{opacity:1;background:#0000000d}.lots-modal__close:active{background:#0000001a}.lots-modal__close svg{display:block}.lots-modal--transition-scale-up .lots-modal__box:before{transform:scale(.97)}.lots-modal--transition-scale-up:target{opacity:1;visibility:inherit}.lots-modal--transition-scale-up:target .lots-modal__box:before{transform:scale(1)}.lots-modal--transition-fade-in-up .lots-modal__box{opacity:0;visibility:hidden;transition:all .5s ease;transform:scale(1) translate3d(0,64px,0)}.lots-modal--transition-fade-in-up:target .lots-modal__box{transform:scale(1) translateZ(0);opacity:1;visibility:inherit}.lots-modal--transition-fade-in-down .lots-modal__box{opacity:0;visibility:hidden;transition:all .5s ease;transform:scale(1) translate3d(0,-64px,0)}.lots-modal--transition-fade-in-down:target .lots-modal__box{transform:scale(1) translateZ(0);opacity:1;visibility:inherit}.lots-modal--transition-zoom-in .lots-modal__box{opacity:0;visibility:hidden;transition:all .3s ease;transform:scale(.9)}.lots-modal--transition-zoom-in:target .lots-modal__box{transform:scale(1);opacity:1;visibility:inherit}.lots-modal--style-flat-shadow .lots-modal__box:before{border:solid 2px var(--color-primary);box-shadow:12px 12px var(--color-shadow-flat)}.lots-modal--style-shadow .lots-modal__box:before{box-shadow:0 12px 32px var(--color-shadow-2)}.lots-modal--design-mode{border-top:solid 4px hsl(202,64%,72%);border-bottom:solid 4px hsl(202,64%,72%);background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsl(202,64%,72%) 2px,hsl(202,64%,72%) 6px);background-color:#ffffff80;position:relative!important;visibility:inherit;opacity:1;height:auto;width:100%}.lots-modal--design-mode .lots-modal__box{opacity:1;visibility:inherit;transform:none}.lots-modal--design-mode .lots-modal__box:before{transform:none!important}.lots-modal--design-mode .lots-modal__overlay{position:absolute!important;transition:all .3s ease}.lots-modal--design-mode .lots-modal__overlay:hover{opacity:0!important}.lots-modal-demo{padding:76px;width:100%;background:#fff}.lots-modal-demo p{line-height:1.6em!important}.lots-modal-demo p a{color:#000;text-decoration:underline;text-underline-offset:4px}.lots-modal-demo p a:hover{text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/lots-modal.css.map */