.pro-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;overflow-y:hidden;display:flex;justify-content:center;align-items:center;transition:padding .175s ease,left .175s ease;isolation:isolate;--container-padding: 1.8rem;opacity:0;pointer-events:none}@media screen and (min-width:768px){.pro-modal__wrapper{--container-padding: 9rem}}@media screen and (min-width:768px){.pro-modal__wrapper{width:100%;padding:2rem 1.6rem;box-shadow:2px 0 10px #0000004d;transition:padding .175s ease,left .25s ease}}.pro-modal__wrapper.open{opacity:1;pointer-events:all}.pro-modal__wrapper .backdrop{width:100%;height:100%;background-color:rgba(var(--rgb-black),.5);position:absolute;top:0;left:0;z-index:-1}.pro-modal{width:100%;max-width:100rem;height:100%;overflow-y:auto;background-color:var(--white);transition:border-radius .175s ease,width .175s ease;position:relative;display:flex;flex-direction:column}@media screen and (min-width:768px){.pro-modal{height:auto;background-color:var(--grey-850)}}.pro-modal__heading{margin-top:3rem;transition:padding .175s ease}.pro-modal__heading+.pro-modal__text{margin-top:3rem}.pro-modal__heading.has-padding{padding-top:3rem}@media screen and (min-width:768px){.pro-modal__heading.has-padding{padding-top:0}}.pro-modal__heading h3{margin:0;font-weight:700;font-size:2.2rem;line-height:2.5rem;color:var(--grey-850)}.pro-modal__heading p{margin:0;font-size:1.8rem;line-height:2.5rem;color:var(--grey-850);opacity:.6}@media screen and (min-width:768px){.pro-modal__heading h3,.pro-modal__heading p{color:var(--white)}}.pro-modal__heading+.pro-modal__content{margin-top:3rem}@media screen and (min-width:768px){.pro-modal__heading{margin-top:0;order:1}}.pro-modal__content{order:3;display:grid;grid-template-columns:1fr;align-content:start;gap:3rem;padding:0 var(--container-padding);transition:padding .175s ease}@media screen and (min-width:768px){.pro-modal__content:not(.one-column){grid-template-columns:1fr 1fr;gap:6rem;z-index:2}}@media screen and (min-width:768px){.pro-modal__content{order:2;padding-top:5rem;padding-bottom:5rem}.pro-modal__content+.pro-modal__image{position:absolute;left:0;top:0;width:100%;height:100%}.pro-modal__content+.pro-modal__image img{height:100%;object-position:center}}.pro-modal__text>*{margin-top:0;margin-bottom:0;font-size:1.4rem;font-weight:400;line-height:2.2rem;color:var(--grey-850)}@media screen and (min-width:768px){.pro-modal__text>*{color:var(--white)}}.pro-modal__text>*+*{margin-top:3rem}.pro-modal__modal-image img{width:100%;height:auto;border-radius:1.4rem}.pro-modal__modal-image+.pro-modal__quote{margin-top:3rem}@media screen and (min-width:1280px){.pro-modal__modal-image+.pro-modal__quote{margin-top:4rem}}.pro-modal__quote>*{margin-bottom:0;font-size:1.8rem;font-weight:500;line-height:2.8rem;color:var(--grey-850)}@media screen and (min-width:768px){.pro-modal__quote>*{color:var(--white)}}.pro-modal__quote>*:first-child{margin-top:0}.pro-modal__quote>*+*:not(:first-child){margin-top:3rem}.pro-modal__image{order:1;display:flex;justify-content:center;align-items:center}@media screen and (min-width:768px){.pro-modal__image{order:3}.pro-modal__image:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;content:"";opacity:.7}}.pro-modal__image img{width:100%;height:auto;object-fit:cover;object-position:top}.pro-modal__close{z-index:4;position:absolute;top:1.6rem;right:1.6rem;background-color:var(--white);width:3.2rem;height:3.2rem;border-radius:100%;border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .25s ease,background-color .175s ease}.pro-modal__close:hover{transform:rotate(-180deg)}.pro-modal__close svg{width:1.4rem;height:1.4rem}@media screen and (min-width:768px){.pro-modal__close{background-color:var(--grey-25)}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/component-pro-modal.css.map */