.modal{z-index:1000;background:#0009;justify-content:center;align-items:flex-start;padding:30px 15px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:640px){.modal{padding:15px}}@media (max-width:480px){.modal{padding:10px;top:47px}}.modal__close{border:1px solid var(--color_black_45);color:var(--color_black_60);z-index:10;background:#fff;border-radius:100%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}@media (max-width:480px){.modal__close{top:15px;right:15px}}.modal__close svg{width:14px;height:14px;transition:inherit;display:block}@media (min-width:992px){.modal__close:hover{background-color:var(--color_red_main);border-color:var(--color_red_main)}.modal__close:hover svg{color:#fff}}.modal__footer{background:#fff;padding:15px;position:-webkit-sticky;position:sticky;bottom:-30px;left:-30px;right:-30px}@media (max-width:480px){.modal__footer{bottom:-15px;left:-15px;right:-15px}}.modal__content{background:#fff;border-radius:10px;width:100%;max-width:630px;max-height:100%;padding:30px;position:relative;overflow-y:auto}@media (max-width:480px){.modal__content{padding:15px}}.modal--disable-scroll .modal__content{overflow-y:hidden}.modal--centered{justify-content:center;align-items:center}.modal--full{justify-content:center;align-items:stretch;padding:0}.modal--full .modal__content{border-radius:0;height:100%}.modal--bg-grey .modal__content{background:var(--color_black_20)}.modal--lg .modal__content{max-width:998px}.modal-title{align-items:center;min-height:36px;margin-bottom:25px;font-size:26px;font-weight:700;display:flex}@media (max-width:640px){.modal-title{font-size:21px}}@media (max-width:480px){.modal-title{margin-bottom:15px}}@media (max-width:389px){.modal-title{font-size:18px}}@media (max-width:575px){.modal--full-mobile{justify-content:center;align-items:stretch;padding:0}.modal--full-mobile .modal__content{border-radius:0;height:100%}}
.MiniApp .modal{padding:12px}@media (max-width:480px){.MiniApp .modal{top:0}}.MiniApp .modal.modal--centered{justify-content:center;align-items:center}.MiniApp .modal__content{background:var(--tg-theme-section-bg-color);color:var(--tg-theme-text-color);border-radius:16px;width:100%;max-width:75%;padding:16px}.MiniApp .modal__close{display:none}