:root{--c-primary:#fff23d;--c-red:#ff3d40;--c-green:#01c234;--c-black:#000;--c-white:#fff;--c-grey-100:#f5f5f5;--c-grey-200:#e7e8eb;--c-grey-300:#d5d7dd;--c-grey-400:#818694;--c-grey-500:#595959;--c-grey-600:#444}.modal-enter-active{animation:bounce-in .5s ease}.modal-leave-active{animation:bounce-in .5s ease reverse}.modal-overlay-enter-active{animation:fade-in .4s ease}.modal-overlay-leave-active{animation:fade-in .4s ease reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.c-modal{background-color:var(--c-white);border-radius:2.4rem;box-shadow:0 4px 8px #00000014;height:-moz-min-content;height:min-content;left:50%;max-height:90vh;max-width:65rem;overflow:hidden;overflow-y:scroll;position:relative;position:fixed;top:50%;translate:-50% -50%;width:100%;z-index:999}.c-modal::-webkit-scrollbar{display:none}@media (max-width:640px){.c-modal{border-radius:0;height:100%;max-height:100%}}.c-modal__close-btn{cursor:pointer;font-size:2.1rem;position:absolute;right:1.8rem;top:1.8rem;transition:color .3s ease}.c-modal__close-btn:hover{color:var(--c-red)}.c-modal__main{padding:4rem 5.6rem 3.2rem}.c-modal__footer{background-color:var(--c-grey-100);display:flex;flex-direction:column;gap:1.6rem;padding:4rem 5.6rem}.c-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background-color:#00000080;display:flex;height:100svh;justify-content:center;left:0;position:fixed;top:0;width:100svw;z-index:998}