.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);animation-duration:.3s;animation-fill-mode:both;padding:15px}.custom-modal-vertical-scroll{max-height:470px;overflow-y:auto}.custom-modal-vertical-scroll::-webkit-scrollbar{width:5px}.custom-modal-vertical-scroll::-webkit-scrollbar-thumb,.custom-modal-vertical-scroll::-webkit-scrollbar-track{background-color:#3876f1;border-radius:5px}.modal-title{margin-bottom:10px}.modal-body p{margin-bottom:15px;font-size:16px}.modal-size-small{width:90vw;max-width:450px;min-width:280px}.modal-size-medium{width:600px}.modal-size-slarge{width:700px}.modal-size-ml{width:800px}.modal-size-large{width:900px}.modal-size-xl{width:1000px}.modal-size-xxl{width:97vw!important;max-width:97vw!important;height:95vh;max-height:95vh;overflow:hidden}.modal-body{padding:20px}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#333}.my-close-custom-btn{text-align:center;right:9px;top:9px}.creative-ui-post-generation-container .my-close-custom-btn{top:12px;right:10px}.fade-in{animation-name:fadeIn}.custom-modal-list{text-align:left}.custom-modal-list li{font-size:16px;line-height:1.2;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-out{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}