product-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999999999;padding:1.6rem}product-modal.closed{display:none}product-modal .backdrop{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:-1}product-modal .modal{display:block;width:100%;max-width:98rem;background-color:var(--white);padding:4rem 2rem;position:relative;z-index:10;height:unset;outline:unset;max-height:80vh;overflow-y:scroll;overflow-x:hidden}@media screen and (min-width: 1024px){product-modal .modal{padding:8rem 8.8rem}}product-modal .modal .modal__button{position:absolute;width:5.6rem;height:5.6rem;top:0;right:0;transform:translate(12px,-50%);border:0;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--red-400);cursor:pointer}@media screen and (min-width: 1024px){product-modal .modal .modal__button{width:6.4rem;height:6.4rem;transform:translate(50%,-50%)}}product-modal .modal .modal__button svg{width:3.85rem;height:auto;flex-shrink:0}@media screen and (min-width: 1024px){product-modal .modal .modal__button svg{width:4.4rem}}product-modal .modal .modal__heading{display:flex;flex-direction:column;margin-bottom:4rem}@media screen and (min-width: 1024px){product-modal .modal .modal__heading{margin-bottom:5.2rem}}product-modal .modal .modal__heading h2{font-size:3.6rem;font-weight:700;line-height:4.388rem;letter-spacing:.5px;text-align:center;color:var(--black)}@media screen and (min-width: 1024px){product-modal .modal .modal__heading h2{font-size:4rem;line-height:4.876rem}}product-modal .modal .modal__heading h2+p{margin-top:2rem}@media screen and (min-width: 1024px){product-modal .modal .modal__heading h2+p{margin-top:2.4rem}}product-modal .modal .modal__heading p{font-size:1.4rem;font-weight:500;line-height:2.6rem;letter-spacing:.5px;text-align:center;color:var(--grey-600)}@media screen and (min-width: 1024px){product-modal .modal .modal__heading p{font-size:1.8rem;line-height:3rem}}product-modal .modal .modal__form form{display:flex;flex-direction:column}product-modal .modal .modal__form form .fields__wrapper{display:grid;gap:2.4rem}product-modal .modal .modal__form form .fields__wrapper .row label{font-size:12px;color:var(--pink-400);font-weight:700}product-modal .modal .modal__form form .fields__wrapper .row .field{display:grid;padding:0}product-modal .modal .modal__form form .fields__wrapper .row .field input,product-modal .modal .modal__form form .fields__wrapper .row .field textarea{width:100%;font-size:1.6rem;font-weight:500;line-height:3rem;letter-spacing:.5px;border:1px solid var(--grey-300);padding:1.3rem 2rem}product-modal .modal .modal__form form .fields__wrapper .row .field input:disabled{cursor:no-drop}product-modal .modal .modal__form form .fields__wrapper .row .field textarea{min-height:11rem;resize:none}product-modal .modal .modal__form form .form__message{font-size:1.4rem;font-weight:400;line-height:2.8rem;letter-spacing:.5px;color:var(--grey-600);margin-top:1.6rem}@media screen and (min-width: 1024px){product-modal .modal .modal__form form .form__message{margin-top:2.4rem}}product-modal .modal .modal__form form>.btn{width:100%;margin-top:4rem;max-width:none;background-color:var(--pink-400);color:var(--white)}@media screen and (min-width: 1024px){product-modal .modal .modal__form form>.btn{margin-top:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-modal.css.map */