/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/components/notification.scss ***!
  \********************************************************************************************************************************/.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:1000;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"topLeft topCenter topRight" "centerLeft center centerRight" "bottomLeft bottomCenter bottomRight"}.modal.is-open{display:grid}.modal .modal-content{background-color:transparent;position:relative;width:100%;max-width:var(--page-width);max-height:100%;overflow:hidden;margin:auto;pointer-events:auto}.modal .modal-content .close-modal{position:absolute;top:10px;right:10px;font-size:24px;border:none;cursor:pointer;z-index:1000;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:.6rem;border-radius:50%}.modal .modal-content .modal-image-wrapper{position:relative;width:100%;height:100%;display:flex}.modal .modal-content .modal-image-wrapper .modal-image{width:100%;height:100%;object-fit:cover;flex-shrink:0;min-width:100%;min-height:100%}.modal .modal-content .modal-image-wrapper .modal-text{position:absolute;color:#fff;text-align:left;padding:20px;background:linear-gradient(to right,0,0,0,0,rgba(0,0,0,.2),rgba(0,0,0,.5));width:100%;max-width:100%}.modal .modal-content .modal-image-wrapper .modal-text h2{margin-top:0}@media (max-width: 768px){.modal{grid-template-columns:1fr;grid-template-areas:"top" "center" "bottom"}.modal .modal-content{width:90%;max-width:90%;max-height:80%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-notification-modal.css.map */