.modal-overlay{background-color:#000000bf;height:100%;top:0;right:0;bottom:0;left:0;position:fixed;width:100%;z-index:1000}.modal-overlay .overlay-inner{display:flex;height:inherit;overflow-y:scroll;padding:16px 12px 16px 16px;scrollbar-color:#000 transparent;scrollbar-width:thin;width:inherit}.modal-overlay .overlay-inner::-webkit-scrollbar{width:4px}.modal-overlay .overlay-inner::-webkit-scrollbar-track{background-color:transparent;border-radius:3px;padding-bottom:5px;padding-top:5px}.modal-overlay .overlay-inner::-webkit-scrollbar-thumb{background-color:#000;border-radius:3px;width:4px}.modal-overlay .modal{background-color:#fff;border-radius:3px;box-shadow:0 2px 35px #00000059;overflow:hidden;position:relative;width:100%;z-index:700}.modal-overlay .modal.position-center{margin:auto}.modal-overlay .modal.position-top{margin:15px auto auto}.modal-overlay .modal.size-xs{max-width:480px}.modal-overlay .modal.size-sm{max-width:576px}.modal-overlay .modal.size-md{max-width:770px}.modal-overlay .modal.size-lg{max-width:1024px}.modal-overlay .modal .close-modal{opacity:.5;position:absolute;right:10px;top:10px;transition:opacity .3s;z-index:10}.modal-overlay .modal .close-modal:hover{opacity:1}.modal-overlay .modal .modal-content{--modal-padding:50px;padding:45px var(--modal-padding)}.modal-overlay .modal .modal-content .modal-header{text-align:center}.modal-overlay .modal .modal-content .modal-header .status-icon{margin-bottom:12px}.modal-overlay .modal .modal-content .modal-header .status-icon img{width:42px}.modal-overlay .modal .modal-content .modal-header .header-title{font-size:24px;font-weight:500;line-height:140%}.modal-overlay .modal .modal-content .modal-header .header-caption{font-size:15px;line-height:140%;margin:12px auto 0;max-width:320px}.modal-overlay .modal .modal-content .modal-form{display:grid;grid-template-columns:1fr;grid-gap:15px;margin-top:32px}.modal-overlay.modal-enter-active{animation:fadeIn .3s}.modal-overlay.modal-enter-active .modal{animation:scaleIn .3s}.modal-overlay.modal-leave-active{animation:fadeIn .3s reverse}.modal-overlay.modal-leave-active .modal{animation:scaleIn .3s reverse}@media only screen and (max-width:430px){.modal-overlay .modal .modal-content{--modal-padding:30px;padding:45px var(--modal-padding) 30px}}