.personalization-validation-modal{background:rgba(var(--color-foreground),0);box-sizing:border-box;height:100%;left:0;margin:0 auto;overflow:auto;position:fixed;top:0;pointer-events:none;width:100%;z-index:-1;display:flex;align-items:center;justify-content:center;padding:1.5rem;transition:background .3s ease,z-index 0s .3s}.personalization-validation-modal[open]{background:rgba(var(--color-foreground),.5);pointer-events:auto;z-index:102;transition:background .3s ease,z-index 0s 0s}.personalization-validation-modal__content{background-color:#fff;border-radius:var(--inputs-radius);max-width:48rem;width:100%;margin:0 auto;padding:3rem 2rem 2rem;position:relative;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));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));transform:scale(.95) translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease}.personalization-validation-modal[open] .personalization-validation-modal__content{transform:scale(1) translateY(0);opacity:1}@media screen and (min-width: 750px){.personalization-validation-modal__content{padding:4rem 3rem 3rem}}.personalization-validation-modal__toggle.customized-button{position:absolute;right:1rem;top:1rem;z-index:2;min-width:3rem;min-height:3rem;padding:0}.personalization-validation-modal__toggle .customized-button__icon{width:2rem;height:2rem}.personalization-validation-modal__content-info{text-align:center}.personalization-validation-modal__icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.personalization-validation-modal__icon svg{width:4rem;height:4rem;color:rgb(var(--color-foreground))}.personalization-validation-modal__title{margin:0 0 1rem;font-size:2.4rem;line-height:1.2;color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.personalization-validation-modal__title{font-size:3rem}}.personalization-validation-modal__message{margin:0 0 2rem;font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}@media screen and (min-width: 750px){.personalization-validation-modal__message{font-size:1.6rem;margin-bottom:2.5rem}}.personalization-validation-modal__buttons{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 750px){.personalization-validation-modal__buttons{flex-direction:row;justify-content:center;gap:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-personalization-validation-modal.css.map */