.popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease}.popup-modal[open]{opacity:1;visibility:visible;z-index:1000}.popup-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.5);cursor:pointer}.popup-modal__dialog{position:relative;background-color:rgb(var(--color-background));border-radius:.4rem;box-shadow:0 .5rem 2rem rgba(var(--color-foreground),.2);max-height:90vh;overflow:hidden;z-index:1;animation:popupModalSlideIn .3s ease}@keyframes popupModalSlideIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.popup-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);cursor:pointer;transition:color .2s ease,border-color .2s ease}.popup-modal__close:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.popup-modal__close .icon{width:1.8rem;height:auto}.popup-modal__content{display:block}.popup-modal__content img,.popup-modal__content video{display:block;max-width:100%;height:auto}.popup-modal__email-gate,.popup-modal__download-step{display:flex;flex-direction:column}.popup-modal__email-gate[hidden],.popup-modal__download-step[hidden]{display:none}.popup-modal__email-header{display:flex;flex-direction:column}.popup-modal__preview-image{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain}.popup-modal__email-body{padding:2.4rem 2.4rem 2rem;text-align:center}.popup-modal__email-heading{font-size:2rem;line-height:1.3;margin:0 0 .8rem;font-family:var(--font-heading-family);color:rgb(var(--color-foreground))}.popup-modal__email-text{font-size:1.4rem;line-height:1.5;margin:0 0 2rem;color:rgba(var(--color-foreground),.7)}.popup-modal__form{width:100%}.popup-modal__field-wrapper{display:flex;flex-direction:column;gap:1rem}.popup-modal__field{position:relative}.popup-modal__input{width:100%;padding:1.4rem 1.6rem;font-size:1.4rem;font-family:var(--font-body-family);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;outline:none;transition:border-color .2s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.popup-modal__input:focus{border-color:rgb(var(--color-foreground))}.popup-modal__input::placeholder{color:rgba(var(--color-foreground),.4)}.popup-modal__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.popup-modal__submit{width:100%;padding:1.4rem 2.4rem;font-size:1.4rem;font-weight:600;font-family:var(--font-body-family);letter-spacing:.1rem;text-transform:uppercase;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));border:none;border-radius:.4rem;cursor:pointer;transition:opacity .2s ease}.popup-modal__submit:hover{opacity:.85}.popup-modal__submit:disabled{opacity:.5;cursor:not-allowed}.popup-modal__form-status{margin-top:1rem;font-size:1.2rem;line-height:1.4;text-align:center}.popup-modal__form-status--error{color:#c00}.popup-modal__form-status--success{color:#2e7d32}.popup-modal__disclaimer{margin:1.4rem 0 0;font-size:1.1rem;line-height:1.4;color:rgba(var(--color-foreground),.45);text-align:center}.popup-modal__success-body{padding:4rem 2.4rem 3rem;text-align:center}.popup-modal__success-icon{color:#2e7d32;margin-bottom:1.6rem}.popup-modal__success-icon svg{width:4.8rem;height:4.8rem}.popup-modal__download-btn{display:inline-block;margin-top:2rem;padding:1.4rem 3.2rem;font-size:1.4rem;font-weight:600;font-family:var(--font-body-family);letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));border-radius:.4rem;transition:opacity .2s ease}.popup-modal__download-btn:hover{opacity:.85}@media screen and (min-width:750px){.popup-modal__email-heading{font-size:2.4rem}.popup-modal__email-text{font-size:1.5rem}.popup-modal__field-wrapper{flex-direction:row}.popup-modal__field{flex:1}.popup-modal__submit{width:auto;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-popup-modal.css.map */