.peosa-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom,0px))}.peosa-popup[hidden]{display:none}.peosa-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1a8c;opacity:0;transition:opacity .3s ease}.peosa-popup__dialog{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-width:44rem;max-height:calc(100vh - 2.4rem);overflow:auto;background-color:#fff;border-radius:2rem;box-shadow:0 30px 60px -20px #0006;opacity:0;transform:translateY(2.4rem) scale(.98);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.3,1)}.peosa-popup.is-open .peosa-popup__overlay{opacity:1}.peosa-popup.is-open .peosa-popup__dialog{opacity:1;transform:none}.peosa-popup__close{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background-color:#ffffffeb;color:#1a1a1a;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:background-color .2s ease,color .2s ease}.peosa-popup__close svg{width:1.6rem;height:1.6rem}.peosa-popup__close:hover{background-color:#b60f34;color:#fff}.peosa-popup__media{position:relative;width:100%;aspect-ratio:1 / 1;max-height:44vh;background-color:#f8f3f1;overflow:hidden}.peosa-popup__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.peosa-popup__img--default{object-position:100% 50%}.peosa-popup__content{padding:2.4rem 2.4rem 2.8rem}.peosa-popup__title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-weight:400;font-size:2.6rem;line-height:1.15;letter-spacing:-.01em;color:#1a1a1a}.peosa-popup__text{margin:0 0 2rem;font-family:var(--font-body-family);font-size:14px;line-height:1.6;color:#1a1a1ab3}.peosa-popup__field{display:flex;flex-direction:column;gap:1rem}.peosa-popup__input{width:100%;min-height:4.8rem;padding:0 1.8rem;font-family:var(--font-body-family);font-size:1.5rem;color:#1a1a1a;background-color:#fff;border:1.5px solid rgba(26,26,26,.18);border-radius:999px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.peosa-popup__input:focus{border-color:#b60f34;box-shadow:0 0 0 3px #b60f3426}.peosa-popup__input[aria-invalid=true]{border-color:#b60f34}.peosa-popup__submit{min-height:4.8rem;padding:0 2.8rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#c8143e,#b60f34 55%,#9c0c2c);border:0;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px -8px #b60f348c;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.peosa-popup__submit:hover{background:#8e0b28;transform:translateY(-1px)}.peosa-popup__error{margin:1rem 0 0;font-size:1.3rem;color:#b60f34}.peosa-popup__small{margin:1.2rem 0 0;font-size:1.2rem;color:#1a1a1a80;text-align:center}.peosa-popup__success{text-align:center}.peosa-popup__success-icon{display:inline-flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;margin-bottom:1.6rem;border-radius:50%;background-color:#168053;color:#fff}.peosa-popup__success-icon svg{width:2.8rem;height:2.8rem}.peosa-popup__success .peosa-popup__text{margin-bottom:0}@media screen and (min-width:750px){.peosa-popup{align-items:center;padding:2.4rem}.peosa-popup__dialog{grid-template-columns:36rem 1fr;max-width:82rem;min-height:42rem;border-radius:2.4rem}.peosa-popup__dialog--no-image{grid-template-columns:1fr;max-width:52rem;min-height:0}.peosa-popup__media{aspect-ratio:auto;max-height:none;height:auto}.peosa-popup__img--default{object-position:85% 30%}.peosa-popup__content{display:flex;flex-direction:column;justify-content:center;padding:4.8rem 4.4rem}.peosa-popup__title{font-size:3.4rem}.peosa-popup__text{font-size:1.5rem}.peosa-popup__field{flex-direction:row;gap:.8rem}.peosa-popup__input{flex:1;min-width:0}.peosa-popup__small{text-align:left}}@media(prefers-reduced-motion:reduce){.peosa-popup__overlay,.peosa-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/peosa-popup.css.map */
