.modal{position:fixed;top:0;left:0;z-index:810;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#00000080;transition:opacity var(--u-default-transition)}.modal__body{padding:0;border-radius:3px;box-shadow:0 3px 31px #2e30354d;position:relative;display:flex;width:750px;max-width:90%;max-height:90%;background:#fff;transition:all var(--u-default-transition)}.modal__body-overflow::-webkit-scrollbar{width:10px;height:10px}.modal__body-overflow::-webkit-scrollbar-button{width:0;height:0}.modal__body-overflow::-webkit-scrollbar-thumb{background:#0071bb;border:none;border-radius:5px;-webkit-transition:background var(--u-default-transition);transition:background var(--u-default-transition)}.modal__body-overflow::-webkit-scrollbar-thumb:hover{background:#21aaf6}.modal__body-overflow::-webkit-scrollbar-track{background:transparent;border:none;border-radius:5px}.modal__body-overflow::-webkit-scrollbar-corner{background:transparent}@supports (-moz-appearance: none){.modal__body-overflow{scrollbar-color:#0071bb transparent;scrollbar-width:auto}}.modal__body-overflow{position:relative;flex:0 1 auto;width:100%;max-height:100%;padding:20px 15px;overflow-y:auto}.modal__body-overflow--simple{padding:0}.modal__body-header{display:flex;flex-wrap:nowrap;justify-content:space-between;font-size:24px;text-align:center}.modal__body-header-title{flex:0 1 100%;padding-right:15px;font-weight:700;color:#4f4f4f}.modal__body-content{padding:20px 15px}.modal__body-content--simple{padding:0}.modal__button-close{position:absolute;top:-14px;right:-14px;z-index:10;padding:6px;background:#fff;border:1px solid #0071bb;border-radius:50px}.modal__button-close:hover .modal__icon-close{color:#fff}.modal .modal__icon-close{font-size:14px;color:#0071bb}.modal__buttons{display:flex;justify-content:space-between;padding-top:20px}.modal__buttons button,.modal__buttons a{font-size:14px}.modal__buttons button:last-child,.modal__buttons a:last-child{margin-left:auto}.modal__buttons .modal__buttons-center{display:flex;justify-content:center;width:100%}.modal__buttons .modal__buttons-center button:first-child,.modal__buttons .modal__buttons-center a:first-child{margin-right:auto}.modal--porcelain .modal__body{background:#eceff1}.modal--small .modal__body{width:450px}.modal--large .modal__body{width:1460px}@media (max-width: 767px){.modal__body{width:calc(100dvw - 32px);height:calc(100dvh - 32px)}.modal .modal__icon-close{font-size:16px}}.modal .modal-enter-from,.modal .modal-leave-active{opacity:0}.modal .modal-enter-from .modal__body,.modal .modal-leave-active .modal__body{transform:scale(1.1)}