popup-modal{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;background:rgba(var(--color-foreground),.25)}popup-modal.active{opacity:1;visibility:visible}.popup-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:90%;max-width:560px;max-height:90vh;background-color:rgb(var(--color-background));border-radius:5px;box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow:hidden;display:flex;flex-direction:column;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}popup-modal.active .popup-container{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.popup-close{background-color:rgba(var(--color-background),0);border:none;border-radius:50%;color:rgba(var(--color-foreground),.7);display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:1.5rem;right:1.5rem;padding:1.2rem;width:4.4rem;height:4.4rem;z-index:10;flex-shrink:0;transition:color .2s ease}.popup-close:hover{color:rgba(var(--color-foreground),1)}.popup-close svg{width:2.2rem;height:2.2rem}.popup-content{padding:3rem 3rem 3.5rem;overflow-y:auto;flex:1;scrollbar-width:none}.popup-content::-webkit-scrollbar{display:none}.popup-heading{font-size:2rem;font-weight:500;text-transform:uppercase;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}.popup-text,.popup-text p{font-size:1.2rem;font-weight:350;line-height:1.25}.popup-text{letter-spacing:var(--font-body-letter-spacing);margin:0 0 2rem;color:rgb(var(--color-foreground))}.popup-image{width:100%;overflow:hidden;flex-shrink:0}.popup-image img{width:100%;height:auto;display:block}popup-modal.popup--img-above .popup-container{flex-direction:column}popup-modal.popup--img-below .popup-container{flex-direction:column-reverse}popup-modal.popup--img-left .popup-container,popup-modal.popup--img-right .popup-container{max-width:800px}popup-modal.popup--img-left .popup-container{flex-direction:row}popup-modal.popup--img-right .popup-container{flex-direction:row-reverse}popup-modal.popup--img-left .popup-image,popup-modal.popup--img-right .popup-image{width:45%;position:relative}popup-modal.popup--img-left .popup-image img,popup-modal.popup--img-right .popup-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}popup-modal.popup--img-left .popup-content,popup-modal.popup--img-right .popup-content{width:55%}popup-modal.popup--img-behind .popup-container{position:relative}popup-modal.popup--img-behind .popup-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}popup-modal.popup--img-behind .popup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}popup-modal.popup--img-behind .popup-content{position:relative;z-index:1;background-color:rgba(var(--color-background),.85)}@media screen and (max-width:749px){.popup-content{padding:3rem 1.5rem 3.5rem}popup-modal.popup--img-left .popup-container,popup-modal.popup--img-right .popup-container{flex-direction:column;max-width:90vw}popup-modal.popup--img-left .popup-image,popup-modal.popup--img-right .popup-image,popup-modal.popup--img-left .popup-content,popup-modal.popup--img-right .popup-content{width:100%}popup-modal.popup--img-left .popup-image img,popup-modal.popup--img-right .popup-image img{position:static;height:auto}popup-modal.popup--img-mobile-above .popup-container{flex-direction:column!important}popup-modal.popup--img-mobile-below .popup-container{flex-direction:column-reverse!important}popup-modal.popup--img-mobile-hidden .popup-image{display:none}popup-modal.popup--img-mobile-behind .popup-container{position:relative}popup-modal.popup--img-mobile-behind .popup-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}popup-modal.popup--img-mobile-behind .popup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}popup-modal.popup--img-mobile-behind .popup-content{position:relative;z-index:1;background-color:rgba(var(--color-background),.65)}}.popup-form{position:relative;width:100%}.popup-form__fields{display:flex;flex-direction:column;gap:1.2rem;padding-bottom:.9rem;position:relative}.popup-form__fields .field__input{background-color:rgba(var(--color-background),.5)}.popup-form .field{width:100%;margin-bottom:0}.popup-form__mail-field:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));outline:0;border-radius:var(--inputs-radius)}.popup-form__birthdate-group{display:flex;flex-direction:column;gap:.6rem}.popup-form__birthdate-fields{display:flex;align-items:center;gap:.8rem}.popup-form__birthdate-field{flex:1}.popup-form__birthdate-separator{font-size:1.2em;flex-shrink:0}.popup-form__birthdate-title{display:block;font-size:1rem;text-transform:uppercase;letter-spacing:var(--font-body-letter-spacing);color:rgba(var(--color-foreground),1)}.popup-form__gdpr-field{display:flex;align-items:flex-start;gap:.8rem;font-size:1.1rem;color:rgba(var(--color-foreground),.75);line-height:1.25;letter-spacing:0}.popup-form__gdpr-field input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.popup-form__submit{width:100%;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:0;color:rgb(var(--color-background))}.popup-form__message{position:absolute;bottom:-2.2rem;left:0;right:0;font-size:1.1rem;font-weight:500;text-transform:uppercase;text-align:center}.popup-form__message--hidden{display:none}.popup-form__message--error{color:var(--color-error, #d00)}.popup-form__success-overlay{position:absolute;top:-101px;left:-15px;right:-15px;bottom:-44px;background-color:rgba(var(--color-background),.92);display:none;align-items:center;justify-content:center;z-index:5;border-radius:5px}.popup-form__success-overlay.show{display:flex}.popup-form__success-message{text-align:center;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--font-body-letter-spacing);padding:2rem}.field__input.input-error,input[type=checkbox].input-error{border:1px solid var(--color-error, #d00)}
/*# sourceMappingURL=/cdn/shop/t/51/assets/block-pop-up.css.map */