.modal__container{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:var(--z-index-modal-container);display:grid;grid-template-columns:repeat(2,1fr)}.modal__container.active{opacity:1;pointer-events:auto}.modal__backdrop{position:absolute;display:block;background:#00000080;width:100%;height:100%;cursor:pointer}body.modal-open{overflow:hidden}.modal__panel{position:absolute;inset:var(--page-margin);background:var(--kt-white);transition:transform .3s ease-in-out;overflow-y:auto;z-index:var(--z-index-modal)}@media screen and (min-width:768px){.modal__panel{right:unset;width:50vw}}@media screen and (min-width:1024px){.modal__panel{right:unset}}.modal__panel.right{right:var(--page-margin);transform:translate(100%)}.modal__panel.left{left:var(--page-margin);transform:translate(-100%)}.modal__panel-inner{height:100%}.modal__panel--no-transition{transition:none!important}.modal__container.active .modal__panel.right,.modal__container.active .modal__panel.left{transform:translate(0)}.drawer-close{background:none;border:none;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-modal.css.map */