.modal{--z-index:2000;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index);background-color:rgba(0,0,0,.3);}.modal.show{display:flex;justify-content:center;align-items:center;}.modal-wrapper{position:relative;background-color:var(--white-color);border-radius:0;min-width:70%;min-height:300px;max-width:70%;max-height:90%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--dark-blue-color) var(--light-grayish-beige-color,#F7F5F3);}.modal-wrapper::-webkit-scrollbar{width:4px!important;height:4px!important;}.modal-wrapper::-webkit-scrollbar-track{background-color:var(--body-bg-color);border-radius:10px;}.modal-wrapper::-webkit-scrollbar-thumb{background-color:var(--dark-blue-color);border-radius:10px;border:2px solid var(--body-bg-color);}.modal-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--dark-blue-color);}.modal-content{position:relative;margin:-50px 0 0 0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;padding:clamp(24px,5vw,32px);overflow-y:auto;background-color:var(--body-bg-color,var(--light-grayish-beige-color,#F7F5F3));}.btn.modal-close:not(header.btn),button.modal-close:not(header button){position:sticky;top:0;left:100%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;z-index:1000;padding:12px 12px;margin:0;font-size:1.5em;font-weight:600;}.btn.modal-close:not(.btn-link):hover,button.modal-close:not(header button):hover{background-color:var(--body-bg-color);color:var(--charcoal-blue-color);}@media (max-width:1440px){.modal-wrapper{max-width:90%}}