.modal-overlay{--overlay-color:#0008;--header-background-color:#efefef;--header-padding:1rem;--header-text-color:#333;--header-border-bottom:1px solid #eee;--header-font-weight:bold;--header-font-size:30px;--content-background-color:#fff;--content-text-color:#333;--content-font-weight:normal;--content-font-size:16px;--modal-content-scrollbar-width:0.5rem;--modal-content-scrollbar-track-color:#fff;--modal-content-scrollbar-thumb-color:#e7e7e7;--modal-content-scrollbar-thumb-hover-color:#ddd;--button-padding:1rem;--ok-button-background-color:#fff;--ok-button-text-color:#333;--ok-button-hover-background-color:#e7e7e7;--ok-button-hover-text-color:#444;--ok-button-active-background-color:#ddd;--ok-button-active-text-color:#000;--yes-button-background-color:#fff;--yes-button-text-color:#333;--yes-button-hover-background-color:#e7e7e7;--yes-button-hover-text-color:#444;--yes-button-active-background-color:#ddd;--yes-button-active-text-color:#000;--no-button-background-color:#fff;--no-button-text-color:#333;--no-button-hover-background-color:#e7e7e7;--no-button-hover-text-color:#444;--no-button-active-background-color:#ddd;--no-button-active-text-color:#000;--modal-width:40vw;--modal-max-content-height:70vh;--modal-min-content-height:10vh}.modal-overlay,.modal-overlay *{padding:0;margin:0;box-sizing:border-box}.modal-overlay *{opacity:0;pointer-events:none;z-index:9999;transition:opacity .2s,color .2s,background-color .2s}.modal-overlay.active *{opacity:1;pointer-events:all}.modal-overlay::before{position:absolute;content:' ';background-color:var(--overlay-color);transition:opacity .2s;width:100%;height:100%;opacity:0;pointer-events:none}.modal-overlay.active::before{opacity:1;pointer-events:all}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-overlay>div{width:var(--modal-width);display:flex;align-items:center;text-align:center}.modal-header{justify-content:center;background-color:var(--header-background-color);color:var(--header-text-color);border-bottom:var(--header-border-bottom);font-weight:var(--header-font-weight);font-size:var(--header-font-size);padding:var(--header-padding)}.modal-content{display:block!important;padding:.5rem;background-color:var(--content-background-color);color:var(--content-text-color);font-weight:var(--content-font-weight);font-size:var(--content-font-size);text-align:justify;max-height:var(--modal-max-content-height);min-height:var(--modal-min-content-height);overflow-y:auto}.modal-content.modal-content-center{justify-content:center;text-align:center}.modal-content::-webkit-scrollbar{width:var(--modal-content-scrollbar-width)}.modal-content::-webkit-scrollbar-track{background:var(--modal-content-scrollbar-track-color)}.modal-content::-webkit-scrollbar-thumb{background:var(--modal-content-scrollbar-thumb-color)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--modal-content-scrollbar-thumb-hover-color)}.modal-btn-group{align-items:stretch!important}.modal-button{width:100%;border:0;outline:0;border-radius:0;padding:var(--button-padding);cursor:pointer}.ok-button{background-color:var(--ok-button-background-color);color:var(--ok-button-text-color)}.ok-button:hover{background-color:var(--ok-button-hover-background-color);color:var(--ok-button-hover-text-color)}.ok-button:active{background-color:var(--ok-button-active-background-color);color:var(--ok-button-active-text-color)}.yes-button{background-color:var(--yes-button-background-color);color:var(--yes-button-text-color)}.yes-button:hover{background-color:var(--yes-button-hover-background-color);color:var(--yes-button-hover-text-color)}.yes-button:active{background-color:var(--yes-button-active-background-color);color:var(--yes-button-active-text-color)}.no-button{background-color:var(--no-button-background-color);color:var(--no-button-text-color)}.no-button:hover{background-color:var(--no-button-hover-background-color);color:var(--no-button-hover-text-color)}.no-button:active{background-color:var(--no-button-active-background-color);color:var(--no-button-active-text-color)}