.modal{align-items:center;background-color:var(--overlay-color);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1000}.modal__content{background-color:var(--background-color);border-radius:62px;box-shadow:0 4px 17px #fff6;box-sizing:border-box;color:var(--primary-color);display:flex;height:95vh;padding:5vh 5vw;position:relative;text-align:center;width:80%}.modal__content .close{border-radius:100%;color:vvar(--primary-color);cursor:pointer;font-size:3rem;padding:5px;position:absolute;right:30px;top:30px;transition:all .3s ease}.modal__content .close:hover{transform:scale(1.1)}.is-open{opacity:1;pointer-events:auto}.message.success{display:flex;flex-direction:column;justify-content:center;overflow-y:scroll}.message.success img{max-width:30%}.message.success::-webkit-scrollbar{width:0}.message.success::-webkit-scrollbar-thumb,.message.success::-webkit-scrollbar-track{background:transparent}.message.success h2{font-size:2rem!important;text-transform:uppercase}.message.error{display:flex;flex-direction:column;justify-content:center}.message.error img{max-width:30%}.message.error h2{font-size:2rem!important;text-transform:uppercase}.message{align-items:center}@media (max-width:1000px){.modal__content{width:95%}}