wlsn-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100%;z-index:100000;pointer-events:none;align-items:center;justify-content:center}body>wlsn-modal{display:flex;pointer-events:auto}.wlsn-lock-scroll{overflow:hidden!important;padding-right:var(--scrollbar-width, 0px)}.wlsn-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:pointer}.wlsn-modal__overlay.active{opacity:1;visibility:visible}.wlsn-modal__container{position:relative;max-width:100vw;width:100%;max-height:100vh;overflow-y:auto;z-index:2;opacity:0;transition:transform .3s ease,opacity .3s ease;cursor:auto;pointer-events:auto}.wlsn-modal__container--wrapper{max-width:calc(var(--wlsn-page-width) + (var(--wlsn-page-layout-padding) * 2));padding:0 var(--wlsn-page-layout-padding)}.wlsn-modal__container.active{opacity:1}.wlsn-modal__close{position:absolute;top:16px;right:16px;width:20px;height:20px;padding:0;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;z-index:10;color:var(--wlsn-color-white)}.wlsn-modal__close:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px}.wlsn-modal__close:focus{outline:1 solid var(--wlsn-color-primary-3, #e6a55e);outline-offset:1px}.wlsn-modal__container>*{position:relative}.wlsn-modal__overlay[aria-hidden=true]{pointer-events:none}.wlsn-modal__overlay[aria-hidden=false]{pointer-events:auto}.wlsn-modal__container{scrollbar-width:thin;scrollbar-color:var(--wlsn-color-primary-3, #e6a55e) var(--wlsn-color-primary-8, #f9f6f1)}.wlsn-modal__container::-webkit-scrollbar{width:8px}.wlsn-modal__container::-webkit-scrollbar-track{background:var(--wlsn-color-primary-8, #f9f6f1);border-radius:4px}.wlsn-modal__container::-webkit-scrollbar-thumb{background-color:var(--wlsn-color-primary-3, #e6a55e);border-radius:4px}.wlsn-modal__container::-webkit-scrollbar-thumb:hover{background-color:var(--wlsn-color-primary-5, #c4764d)}@media screen and (min-width:1024px){.wlsn-modal__close{top:24px;right:24px}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/wlsn-modal.css.map */