.ti-modal.ti-modal-active{display:flex;justify-content:center;align-items:center;opacity:1}.ti-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--ti-color-overlay);opacity:0;transition:opacity .3s ease}.ti-modal-content{background-color:var(--ti-ldm-color-element);margin:0 20px;border-radius:var(--ti-border-radius-md);width:400px;position:relative;border:var(--ti-ldm-border);max-height:80vh;overflow-y:hidden;display:flex;flex-direction:column}.ti-modal-header,.ti-modal-footer{display:flex;justify-content:flex-end;width:100%;align-items:center;background-color:var(--ti-ldm-color-element);min-height:50px}.ti-modal-header{border-radius:var(--ti-border-radius-md) var(--ti-border-radius-md) 0 0;padding:10px}.ti-modal-footer{border-radius:0 0 var(--ti-border-radius-md) var(--ti-border-radius-md);padding:0 20px 20px}.ti-modal-close-button{background:none;width:30px;height:30px;margin:0;border-radius:50%}.ti-modal-close-button:hover{background-color:var(--ti-ldm-color-hover)}.ti-modal-close-button i{font-size:16px;color:var(--ti-ldm-color-black-white)}.ti-modal-scroll-container{overflow-y:auto}.ti-modal-body{padding:0 20px;overflow-x:hidden}.ti-modal-body:focus-visible{box-shadow:inset 0 0 0 3px var(--ti-color-red);outline:none}.ti-modal-body h4{font-size:var(--ti-font-size-md)}