.modal{background-color:var(--white);border-radius:40px;display:block;left:50%;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.modal-backdrop{background-color:#161e2540;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:auto;position:fixed;transition:opacity .4s ease-out;z-index:1000}.modal-backdrop-show{opacity:1}.modal__close{align-items:center;background-color:var(--white);border:none;border-radius:var(--radius-round);display:flex;height:60px;justify-content:center;line-height:60px;outline:none;padding:0;position:absolute;right:-83px;top:0;transition:all .3s ease;width:60px;z-index:2}.modal__close:after{background:url(../nuxt/icons/close.svg) 50%/cover no-repeat;content:"";height:30px;width:30px}.modal__close:hover{rotate:90deg}.modal-enter-active,.modal-leave-active{transition:transform .3s ease-out,opacity .3s ease-out}.modal-enter-from,.modal-leave-to{transform:translate(-50%,300%)}.modal-enter-to,.modal-leave-from{transform:translate(-50%,-50%)}@media screen and (max-width:1024px){.modal__close{height:30px;right:20px;top:20px;width:30px}.modal__close:after{height:24px;width:24px}}@media (max-width:768px){.modal{border-radius:24px 24px 0 0;bottom:0;height:100%;left:0;max-height:100svh;max-width:100%;padding:24px 16px;right:0;top:auto;transform:translateY(0);width:100%}.modal__close{background-color:var(--bg-light-blue)}.modal-enter-from,.modal-leave-to{transform:translateY(100%)}.modal-enter-to,.modal-leave-from{transform:translateY(0)}}