.monvelUi.modalComponent{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif;position:fixed;inset:0;width:100%;height:100%;display:flex;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100;transition:background-color .3s ease-in-out}@supports(font-variation-settings:normal){.monvelUi.modalComponent{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.monvelUi.modalComponent::-webkit-scrollbar{width:6px;margin-right:6px}.monvelUi.modalComponent::-webkit-scrollbar-thumb{border-radius:20px;background:#c8cdd2}.monvelUi.modalComponent::-webkit-scrollbar-track{margin-right:6px;background:none}.monvelUi.modalComponent.card{padding:32px 0}.monvelUi.modalComponent.sidebar{justify-content:flex-end}.monvelUi.modalComponent .modalContentWrap{width:100%;background-color:#fff;display:flex}.monvelUi.modalComponent .modalContentWrap::-webkit-scrollbar{width:6px;margin-right:6px}.monvelUi.modalComponent .modalContentWrap::-webkit-scrollbar-thumb{border-radius:20px;background:#c8cdd2}.monvelUi.modalComponent .modalContentWrap::-webkit-scrollbar-track{margin-right:6px;background:none}.monvelUi.modalComponent .modalContentWrap.default{max-width:576px}.monvelUi.modalComponent .modalContentWrap.large{max-width:960px}.monvelUi.modalComponent .modalContentWrap .modalContent{padding:56px;flex:1 1;overflow-y:auto}.monvelUi.modalComponent .modalContentWrap .modalHeader{display:none}.monvelUi.modalComponent .modalContentWrap .content{width:100%;height:100%}.monvelUi.modalComponent .modalContentWrap.card{border-radius:24px;margin:auto}.monvelUi.modalComponent .modalContentWrap.card .close{position:fixed;top:16px;right:16px}.monvelUi.modalComponent .modalContentWrap.sidebar{flex-direction:column;flex:1 1}.monvelUi.modalComponent .modalContentWrap.sidebar .modalContent{padding-top:0;overflow-y:auto}.monvelUi.modalComponent .modalContentWrap.sidebar .modalHeaderSidebar{max-width:576px;width:100%;padding:32px 56px 32px 48px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff}@media screen and (max-width:743px){.monvelUi.modalComponent.card{padding:0}.monvelUi.modalComponent .modalContentWrap{max-width:100%;padding:0}.monvelUi.modalComponent .modalContentWrap.default,.monvelUi.modalComponent .modalContentWrap.large{max-width:100%}.monvelUi.modalComponent .modalContentWrap .modalContent{padding:0;display:flex;flex-direction:column}.monvelUi.modalComponent .modalContentWrap .modalHeader{display:flex;justify-content:flex-end;padding:8px}.monvelUi.modalComponent .modalContentWrap .modalHeader .close{position:static}.monvelUi.modalComponent .modalContentWrap .content{padding:0 16px 16px;flex:1 1}.monvelUi.modalComponent .modalContentWrap.card{min-height:100%;border-radius:0;margin:0}.monvelUi.modalComponent .modalContentWrap.card>.close,.monvelUi.modalComponent .modalContentWrap.sidebar .modalHeaderSidebar{display:none}}