.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}