.modal__mask{position:fixed;z-index:10001;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;padding:13px 15px;display:flex;align-items:center;justify-content:center}.modal__container{width:100%;margin:0 auto;padding:30px;background-color:#fff;box-shadow:0 2px 8px #00000054;transition:all .3s ease;text-align:left;border-radius:10px}.modal-enter-active,.modal-enter-to{transition:opacity .2s ease;opacity:1}.modal-enter,.modal-leave-to{transition:opacity .2s ease;opacity:0}@media (min-width: 768px){.modal__container{padding:30px 40px 36px;width:500px}}.modal__close-button[data-v-21cd37e3]{background-color:transparent;border:none;position:absolute;right:12px;top:12px;font-size:27px;line-height:24px;padding:0;z-index:9}.modal__close-button[data-v-21cd37e3] .base-icon{transition-property:fill;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;fill:#dadbde}.modal__close-button[data-v-21cd37e3] .base-icon:hover,.modal__close-button[data-v-21cd37e3] .base-icon:focus{fill:#cdcfd1}.modal__close-button[data-v-21cd37e3] .base-icon:active{fill:#a6acb2}.dialog-modal__header{color:#000;font-size:19px;font-weight:600;line-height:29.71px;margin-bottom:10px;text-align:left}.dialog-modal__body{margin-bottom:20px;font-size:15px}.dialog-modal__body,.dialog-modal__body p{--tw-text-opacity: 1;color:rgb(98 110 121 / var(--tw-text-opacity))}.dialog-modal__footer{display:flex;flex-direction:column}.dialog-modal__footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)));--tw-space-y-reverse: 0;margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(10px * var(--tw-space-y-reverse))}@media (min-width: 768px){.dialog-modal__footer{flex-direction:row}.dialog-modal__footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(14px * var(--tw-space-x-reverse));margin-left:calc(14px * calc(1 - var(--tw-space-x-reverse)));--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.dialog-modal__header{font-size:21px}.dialog-modal__body{font-size:16px}}