.cmp-modal-container{position:relative}
.cmp-modal__trigger{cursor:pointer;padding:10px 15px;background-color:#0078d7;color:white;border:0;border-radius:4px;font-size:16px;transition:background-color .3s ease}
.cmp-modal__trigger:hover{background-color:#005a9e}
.cmp-modal__trigger:focus{outline:0;box-shadow:0 0 0 2px rgba(0,120,215,0.5)}
.cmp-modal__trigger.cmp-modal__trigger--hidden{display:none !important}
.cmp-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.3);z-index:1001;width:fit-content;max-height:80vh;height:auto;overflow:hidden}
.cmp-modal--small{width:400px;max-width:90%}
.cmp-modal--medium{width:600px;max-width:90%}
.cmp-modal--large{width:959px;max-width:90%}
.cmp-modal--full-width{width:90%}
.cmp-modal--edit-mode{position:relative;display:block;transform:none;top:auto;left:auto;z-index:1;margin:20px 0;max-height:none;height:auto}
.cmp-modal--edit-mode .cmp-modal__body{max-height:none;overflow:visible}
.cmp-modal--edit-mode + .cmp-modal__overlay{display:none}
.cmp-modal--visible{display:block;animation:modalFadeIn .3s ease}
.cmp-modal__close{position:absolute;top:16px;right:16px;background:0;border:0;font:normal normal normal 40px/20px Ubuntu;cursor:pointer;color:#505050;padding:0;margin:0;height:40px;width:40px;display:flex;align-items:center;justify-content:center;z-index:2}
.cmp-modal__close:hover{opacity:.8}
.cmp-modal__body{padding:40px 20px 20px;flex:1}
.cmp-modal__parsys{min-height:100px;width:100%}
.cmp-modal__content{width:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column;max-height:80vh}
.cmp-modal__overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000}
.cmp-modal__overlay--visible{display:block;animation:overlayFadeIn .3s ease}
.cmp-modal__content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}
.cmp-modal__content::-webkit-scrollbar{width:8px}
.cmp-modal__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}
.cmp-modal__content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}
.cmp-modal__content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
@keyframes modalFadeIn{from{opacity:0;transform:translate(-50%,-60%)}
to{opacity:1;transform:translate(-50%,-50%)}
}
@keyframes overlayFadeIn{from{opacity:0}
to{opacity:1}
}
.cmp-modal .cmp-container{max-width:100%;overflow-x:auto}
.cmp-modal .cmp-container--grid{overflow-x:auto;overflow-y:auto;max-height:calc(-20vh)}
@media(max-width:768px){.cmp-modal{width:90% !important;max-width:959px;max-height:80vh;height:auto}
.cmp-modal__body{padding:15px}
.cmp-modal .cmp-container--grid{max-height:calc(0vh)}
}