/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/css/components/modal-dialog.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/.modal{position:fixed;z-index:var(--z-index-overlay, 15);width:100%;height:100%;left:0;top:0;opacity:0;visibility:hidden}.modal:not(.modal--is-visible){pointer-events:none;background-color:transparent}.modal--is-visible{opacity:1;visibility:visible}.modal__close-btn{display:flex;flex-shrink:0;border-radius:50%;transition:.2s}.modal__close-btn .icon{display:block;margin:auto}.modal__close-btn--outer{width:48px;height:48px;position:fixed;top:var(--space-sm);right:var(--space-sm);z-index:var(--z-index-fixed-element, 10);background-color:#000000e6;transition:.2s;color:var(--color-white);justify-content:center;align-items:center}.modal__close-btn--outer .icon{color:var(--color-white);transition:transform .3s var(--ease-out-back)}.modal__close-btn--outer:hover{background-color:#000}.modal__close-btn--outer:hover .icon{transform:scale(1.1)}.modal__close-btn--inner{--size: 32px;width:var(--size);height:var(--size);background-color:var(--color-bg-light);box-shadow:var(--inner-glow),var(--shadow-sm);transition:.2s}.modal__close-btn--inner .icon{color:inherit}.modal__close-btn--inner:hover{background-color:var(--color-bg-lighter);box-shadow:var(--inner-glow),var(--shadow-md)}:root{--modal-transition-duration: .2s}@media (prefers-reduced-motion: no-preference){.modal--animate-fade{--modal-transition-duration: .2s;transition:opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)}.modal--animate-fade.modal--is-visible{transition:opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s}.modal--animate-scale,.modal--animate-translate-up,.modal--animate-translate-down{--modal-transition-duration: .2s;transition:opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)}.modal--animate-scale .modal__content,.modal--animate-translate-up .modal__content,.modal--animate-translate-down .modal__content{will-change:transform;transition:transform var(--modal-transition-duration) var(--ease-out)}.modal--animate-scale.modal--is-visible,.modal--animate-translate-up.modal--is-visible,.modal--animate-translate-down.modal--is-visible{transition:opacity var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s}.modal--animate-scale.modal--is-visible .modal__content,.modal--animate-translate-up.modal--is-visible .modal__content,.modal--animate-translate-down.modal--is-visible .modal__content{transform:scale(1)}.modal--animate-slide-up,.modal--animate-slide-down{--modal-transition-duration: .3s;transition:opacity 0s var(--modal-transition-duration),background-color var(--modal-transition-duration),visibility 0s var(--modal-transition-duration)}.modal--animate-slide-up .modal__content,.modal--animate-slide-down .modal__content{will-change:transform;transition:transform var(--modal-transition-duration) var(--ease-out)}.modal--animate-slide-up.modal--is-visible,.modal--animate-slide-down.modal--is-visible{transition:background-color var(--modal-transition-duration),visibility 0s}.modal--animate-slide-up.modal--is-visible .modal__content,.modal--animate-slide-down.modal--is-visible .modal__content{transform:scale(1)}.modal--animate-scale .modal__content{transform:scale(.95)}.modal--animate-translate-up .modal__content{transform:translateY(40px)}.modal--animate-translate-down .modal__content{transform:translateY(-40px)}.modal--animate-slide-up .modal__content{transform:translateY(100%)}.modal--animate-slide-down .modal__content{transform:translateY(-100%)}}.modal--is-loading .modal__content{visibility:hidden}.modal--is-loading .modal__loader{display:flex}.modal__loader{position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;display:none;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/323/assets/component-modal-dialog.css.map */