.modal-popup-wrapper{position:relative}.modal-trigger{display:inline-flex;align-items:center;gap:.5rem}.modal-trigger__icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.modal-trigger__icon svg{width:100%;height:100%}modal-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center}modal-popup[open]{display:flex}.modal-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-in-out}.modal-popup__content{position:relative;width:90%;max-width:var(--modal-max-width, 600px);max-height:90vh;background-color:var(--modal-bg-color, #ffffff);color:var(--modal-text-color, #000000);border-radius:8px;box-shadow:0 10px 40px #0000004d;overflow:hidden;animation:slideUp .3s ease-out;z-index:1}.modal-popup__close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#0000001a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:2;padding:0}.modal-popup__close:hover{background-color:#0003;transform:scale(1.1)}.modal-popup__close svg{width:1.25rem;height:1.25rem}.modal-popup__inner{padding:2rem;overflow-y:auto;max-height:90vh}@media screen and (max-width:749px){.modal-popup__inner{padding:1.5rem}}.modal-popup__heading{margin:0 0 1rem;padding-right:2rem;font-weight:600;line-height:1.2}.modal-popup__heading.h1{font-size:2.5rem}.modal-popup__heading.h2{font-size:2rem}.modal-popup__heading.h3{font-size:1.5rem}@media screen and (max-width:749px){.modal-popup__heading.h1{font-size:2rem}.modal-popup__heading.h2{font-size:1.75rem}.modal-popup__heading.h3{font-size:1.25rem}}.modal-popup__subheading{margin-bottom:1.5rem;color:rgba(var(--modal-text-color, 0, 0, 0),.7);font-size:1rem;line-height:1.5}.modal-popup__blocks{display:flex;flex-direction:column;gap:1.5rem}.modal-popup__block{width:100%}.modal-block-text{line-height:1.6}.modal-block-text p:last-child{margin-bottom:0}.modal-block-image img{max-width:100%;height:auto;display:block}.modal-block-button{margin:.5rem 0}.modal-block-html,.modal-block-product,.modal-block-form{width:100%}.modal-block-form .newsletter-form__field-wrapper{margin:0}.modal-block-form .field{position:relative;display:flex;align-items:center;gap:.5rem}.modal-block-form .field__input{flex:1;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:1rem}.modal-block-form .field__label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:all .2s ease;background-color:var(--modal-bg-color, #ffffff);padding:0 .25rem}.modal-block-form .field__input:focus+.field__label,.modal-block-form .field__input:not(:placeholder-shown)+.field__label{top:0;font-size:.75rem;color:rgba(var(--modal-text-color, 0, 0, 0),.7)}.modal-block-form .field__button{padding:.75rem 1.5rem;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}.modal-block-form .field__button:hover{opacity:.8}.modal-block-form .newsletter-form__message{margin-top:1rem;padding:.75rem;border-radius:4px;text-align:center}.modal-block-form .newsletter-form__message--success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.modal-block-form .form__message{margin-top:1rem;padding:.75rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px}.modal-block-spacer{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}body.modal-open{overflow:hidden}modal-popup:focus{outline:none}.modal-popup__content:focus{outline:2px solid currentColor;outline-offset:-2px}.modal-popup__inner::-webkit-scrollbar{width:8px}.modal-popup__inner::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.modal-popup__inner::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.modal-popup__inner::-webkit-scrollbar-thumb:hover{background:#0000004d}@media screen and (max-width:749px){.modal-popup__content{width:95%;max-height:95vh}.modal-popup__close{top:.75rem;right:.75rem;width:2rem;height:2rem}.modal-popup__close svg{width:1rem;height:1rem}.modal-popup__blocks{gap:1rem}.modal-block-form .field{flex-direction:column;align-items:stretch}.modal-block-form .field__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-modal-popup.css.map */