//---------------------------------------------------------------------------------------------------------------------- // I M P O R T S //---------------------------------------------------------------------------------------------------------------------- @import "../../../../../clientlib-site/css/base/variables.less";@import "../../../../../clientlib-site/css/base/mixins.less";//---------------------------------------------------------------------------------------------------------------------- // M O D A L - S T Y L E S //---------------------------------------------------------------------------------------------------------------------- .modal-wrapper{display:none;position:fixed;inset:0;z-index:9999;justify-content:center;align-items:center}
.modal-wrapper.is-active{display:flex;flex-direction:column;align-items:center}
.modal-wrapper::before{content:"";position:fixed;inset:0;background-color:rgba(0,0,0,0.5)}
.modal-header,.modal-body{position:relative;z-index:1;width:min(65%,900px);box-sizing:border-box;background-color:#fff}
.modal-header{display:flex;justify-content:flex-end;padding:24px 24px 0;border-radius:10px 10px 0 0;border-bottom:0}
.modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;max-height:calc(100vh - 96px);overflow:auto;padding:24px;text-align:center;border-radius:0 0 10px 10px}
.modal-close{cursor:pointer;font-size:24px;font-weight:bold;line-height:1}
.modal-title{max-width:100%;font-size:clamp(22px,4vw,28px);font-weight:700;margin-bottom:16px;overflow-wrap:break-word}
.modal-paragraph{max-width:100%;font-size:clamp(16px,3vw,18px);overflow-wrap:break-word}
.modal-wrapper::after{display:none}
@media(max-width:768px){.modal-header,.modal-body{width:90%}
.modal-body{min-height:220px}
}