.common-modal-overlay{z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#000000b3;position:absolute;inset:0}.modal-container{z-index:10001;flex-direction:column;width:100%;max-height:90vh;display:flex;position:relative}.modal-size-sm{max-width:400px}.modal-size-md{max-width:600px}.modal-size-lg{max-width:800px}.modal-size-xl{max-width:1000px}.modal-content{flex-direction:column;display:flex;overflow:hidden;background:#101010f5!important;border:1px solid #ffffff1a!important;border-radius:24px!important}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.modal-title{color:#fff;letter-spacing:0;margin:0;font-size:24px}.modal-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:24px;transition:all .3s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:30px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:576px){.modal-header,.modal-body{padding:20px}.modal-title{font-size:20px}}