.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.popup.open{display:block}.popup__overlay{height:100%;width:100%;background-color:#0006}.popup__content{position:absolute;top:50%;left:50%;margin:auto;display:flex;width:calc(100% - 32px);max-width:540px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center}.popup__content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.popup__content{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1rem;text-align:center}@media (min-width: 580px){.popup__content{padding:2rem}}.popup__content .succes-wrapper,.popup__content .error-wrapper{display:none;flex-direction:column;align-items:center;justify-content:center}.popup__content .succes-wrapper svg,.popup__content .error-wrapper svg{margin-bottom:1rem}.popup__content.success .succes-wrapper,.popup__content.error .error-wrapper{display:flex}.popup__title{font-size:1.125rem;font-weight:700;color:#000000b3}.popup__text{padding-bottom:.625rem;color:#00000080}