.modal{background:var(--color_dark);width:100%;color:var(--color_white);border-radius:20px;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.modal .modal-close{z-index:10;background:var(--color_white);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.modal .modal-close:hover{transform:scale(.9)}.modal .modal-close:active{transform:scale(.8)}.modal .modal-content{flex:1;padding:38px 20px 20px;overflow-y:auto}.modal .modal-content::-webkit-scrollbar{width:6px}.modal .modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.modal .modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal .modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal .modal-content.scrollable{max-height:calc(90vh - 48px);overflow-y:auto}@media (width<=768px){.modal{max-width:calc(100vw - 24px);max-height:92vh}.modal .modal-content{padding:18px 16px 16px}.modal .modal-content.scrollable{max-height:calc(92vh - 36px)}}.modal-overlay,.modal-wrapper{z-index:9998;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.modal-overlay{z-index:9997;background-color:#00000073}.modal-wrapper{z-index:9998;border-radius:12px;justify-content:center;align-items:center;display:flex}@media screen and (width<=768px){.modal-wrapper{padding:12px}}.modal-wrapper .modal-body{width:auto;max-width:100%}