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