.modal{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1500;overflow-x:hidden;overflow-y:hidden;--modal-margin-horizontal:min(10rem,5%);--modal-margin-vertical:min(6.25rem,5%);--modal-margin-horizontal-mobile:clamp(0,5%,10rem);--modal-margin-vertical-mobile:clamp(0,5%,6.25rem);height:100vh;max-height:-webkit-fill-available;height:max(100%,100dvh)}.modal .modal-backdrop{position:relative;top:0;bottom:0;left:0;right:0;width:100%;height:100%}body.mobile .modal .modal-backdrop{padding:0}.modal .modal-backdrop{background-color:rgba(0,0,0,0.6)}
.modal .modal-frame{margin:var(--modal-margin-vertical) var(--modal-margin-horizontal);border:solid 1px #979797;background:white;display:flex;flex-direction:column;position:absolute;top:0;bottom:0;left:0;right:0}body.mobile .modal .modal-frame{margin:var(--modal-margin-vertical-mobile) var(--modal-margin-horizontal-mobile)}.modal.modal-fit-to-size .modal-frame{width:fit-content;height:fit-content;max-width:calc(100% - (2 * var(--modal-margin-horizontal)));max-height:calc(100% - (2 * var(--modal-margin-vertical)));margin:auto}
body.mobile .modal.modal-fit-to-size .modal-frame{margin:0;width:100%;height:100%;max-width:100%;max-height:100%}.modal .modal-frame>*{flex-shrink:0;flex-grow:0}.modal .modal-frame>*.modal-body{flex-shrink:1;flex-grow:1}.hide-vertical-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-vertical-scrollbar::-webkit-scrollbar{display:none}.modal .modal-header{padding:1rem 1.125rem .75rem 2rem;border-bottom:1px solid #ededed;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:space-between;justify-content:space-between;align-items:baseline;position:relative}
body.mobile .modal .modal-header{padding:1rem 1rem .75rem 1rem}.modal .modal-header.modal-header-blue{background:#007ac3}.modal .modal-header .modal-header-title{display:block;margin-bottom:.5rem;font-size:1.25rem;font-weight:bold;line-height:1.3;color:#353535}.modal .modal-header.modal-header-blue .modal-header-title,.modal .modal-header.modal-header-blue .wk-icon-close{color:white}.modal .modal-header .modal-close{flex-shrink:0;flex-grow:0}.modal .modal-header button{background:transparent;height:auto !important;padding:0}
.modal .modal-header .wk-icon-close{color:#232323;font-size:1.25rem}.modal .modal-body{padding:1.75rem 2rem;overflow-y:scroll;position:relative}body.mobile .modal .modal-body{padding:1rem}.modal .modal-footer{background:#f6f6f6;padding:1rem 2rem;display:flex;flex-direction:row-reverse;align-items:baseline}.modal .modal-footer>*{margin-left:1rem;margin-bottom:0;width:auto}