.base-modal-new{background-color:rgba(0,0,0,.7);position:fixed;overflow-y:auto;overflow-x:hidden;width:100%;height:100%;left:0;top:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-modal-new__layout{background-color:#fff;border-radius:8px;width:100%;overflow:hidden}.base-modal-new__layout--sm{max-width:400px}.base-modal-new__layout--md{max-width:600px}.base-modal-new__layout--lg{max-width:800px}.base-modal-new__layout--xl{max-width:1200px}.base-modal-new__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px;padding-bottom:5px}.base-modal-new__subtitle{padding:0 24px 24px;font:14px/16px Roboto,sans-serif;color:#2e2e38}.base-modal-new__body{padding:0 24px 24px;background-color:#fff;border-radius:6px;max-height:calc(100vh - 230px);overflow-y:auto;overflow-x:hidden}.base-modal-new__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:16px 24px}.base-modal-new__title{color:#4b4b62;font-size:16px;font-weight:700}.base-modal-new__close{cursor:pointer}