.harper-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%;color:#000}.harper-popup-modal[open]{opacity:1;visibility:visible;z-index:20001}.harper-popup-modal__content{background-color:rgb(var(--color-background));overflow:auto;height:80%;left:50%;transform:translate(-50%);margin-top:5rem;width:100%;max-width:72rem;position:absolute;padding:3rem 2rem;height:100vh;margin:auto;bottom:0;top:0;text-align:center}@media screen and (max-width: 749px){.harper-popup-modal__content{display:flex;flex-direction:column;justify-content:center}}@media screen and (min-width: 750px){.harper-popup-modal__content{width:92%;height:fit-content;padding:3rem}}@media screen and (min-width: 990px){.harper-popup-modal__content{width:60vw}}.harper-popup-modal__content img{max-width:100%}.harper-popup-modal__opener{display:inline-block}.harper-popup-modal__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;height:4.4rem;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.harper-popup-modal__button:hover{text-decoration-thickness:.2rem}.harper-popup-modal__content-info{padding-right:4.4rem}.harper-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.harper-popup-modal__content-info>*{max-height:100%}}.harper-popup-modal__toggle{background:transparent;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;padding:1.5rem;z-index:2;width:4.5rem;height:4.5rem;margin:0 0 0 auto;right:0;top:0;border:none}.harper-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.harper-popup-modal__toggle .icon{height:auto;margin:0;width:1.5rem}.harper-popup-modal .modal__title{margin-bottom:1.5rem}.harper-popup-modal .modal__title h1{margin-top:0;margin-bottom:.5rem;font-size:2.4rem;line-height:2.4rem;color:#000;font-weight:400;font-style:italic;letter-spacing:-.025rem}.harper-popup-modal .modal__title h3{font-size:1.5rem;margin:0;color:#717171;font-weight:400;font-style:italic;letter-spacing:-.025rem}.harper-popup-modal .harpers-step-container{width:100%;margin:2rem 0;display:flex;justify-content:space-evenly;flex-direction:column}.harper-popup-modal .harpers-step-container .step{width:100%;margin:1rem 0}.harper-popup-modal .harpers-step-container .step-number{font-size:2.4rem;line-height:2.4rem;letter-spacing:-.025rem;font-style:italic;margin:.5rem 0}.harper-popup-modal .harpers-step-container .step-title{font-size:1.8rem;line-height:1.8rem;letter-spacing:-.025rem;font-style:italic;margin:.5rem 0}.harper-popup-modal .harpers-step-container .step-copy{font-size:1.3rem}@media screen and (min-width: 750px){.harper-popup-modal .harpers-step-container{margin:5rem 0;justify-content:space-evenly;flex-direction:row}.harper-popup-modal .harpers-step-container .step{width:25%;margin:0}}.harper-popup-modal .harpers-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.harper-popup-modal .harpers-actions .button{max-width:32rem}@media screen and (min-width: 750px){.harper-popup-modal .harpers-actions{flex-direction:row;flex-wrap:nowrap}.harper-popup-modal .harpers-actions .button{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/493/assets/fostr-component-harper-modal.css.map */