@brizy/ui/lib/Modal/style/index.css

React elements in Brizy style

.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-modal{box-sizing:border-box;margin:0 auto;padding:0 0 24px;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:relative;top:100px;width:auto;max-width:calc(100vw - 32px)}.brz-ui-modal-wrap{z-index:1000}.brz-ui-modal-title{margin:0;color:var(--color-dark,#212733);font-weight:500;font-size:16px;line-height:22px;word-wrap:break-word}.brz-ui-modal-content{position:relative;background-color:var(--color-white,#fff);background-clip:padding-box;border:0;border-radius:3px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:auto}.brz-ui-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:var(--color-gray,#777f86);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}.brz-ui-modal-close-x{display:block;width:56px;height:56px;font-size:16px;font-style:normal;line-height:56px;text-align:center;text-transform:none;text-rendering:auto}.brz-ui-modal-close:focus,.brz-ui-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.brz-ui-modal-header{padding:16px 24px;color:var(--color-dark,#212733);background:var(--color-white,#fff);border-bottom:1px solid #f0f0f0;border-radius:3px 3px 0 0}.brz-ui-modal-body{padding:24px;font-size:14px;line-height:1.7;word-wrap:break-word}.brz-ui-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid #f0f0f0;border-radius:0 0 3px 3px}.brz-ui-modal-footer button+button{margin-bottom:0;margin-left:8px}.brz-ui-modal-open{overflow:hidden}.brz-ui-modal-centered{text-align:center}.brz-ui-modal-centered::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}.brz-ui-modal-centered .brz-ui-modal{top:0;display:inline-block;text-align:left;vertical-align:middle}@media (max-width:767px){.brz-ui-modal{max-width:calc(100vw - 16px);margin:8px auto}.brz-ui-modal-centered .brz-ui-modal{flex:1}}.brz-ui-modal-confirm .brz-ui-modal-close,.brz-ui-modal-confirm .brz-ui-modal-header{display:none}.brz-ui-modal-confirm .brz-ui-modal-body{padding:32px 32px 24px}.brz-ui-modal-confirm-body-wrapper::before{display:table;content:''}.brz-ui-modal-confirm-body-wrapper::after{display:table;clear:both;content:''}.brz-ui-modal-confirm-body .brz-ui-modal-confirm-title{display:block;overflow:hidden;color:var(--color-dark,#212733);font-weight:500;font-size:16px;line-height:1.4}.brz-ui-modal-confirm-body .brz-ui-modal-confirm-content{margin-top:8px;color:var(--color-dark,#212733);font-size:14px}.brz-ui-modal-confirm-body>.anticon{float:left;margin-right:16px;font-size:22px}.brz-ui-modal-confirm-body>.anticon+.brz-ui-modal-confirm-title+.brz-ui-modal-confirm-content{margin-left:38px}.brz-ui-modal-confirm .brz-ui-modal-confirm-btns{float:right;margin-top:24px}.brz-ui-modal-confirm .brz-ui-modal-confirm-btns button+button{margin-bottom:0;margin-left:8px}.brz-ui-modal-confirm-error .brz-ui-modal-confirm-body>.anticon{color:var(--color-red,red)}.brz-ui-modal-confirm-confirm .brz-ui-modal-confirm-body>.anticon,.brz-ui-modal-confirm-warning .brz-ui-modal-confirm-body>.anticon{color:var(--color-orange,#dfad3d)}.brz-ui-modal-confirm-info .brz-ui-modal-confirm-body>.anticon{color:var(--color-blue,#3dbfe8)}.brz-ui-modal-confirm-success .brz-ui-modal-confirm-body>.anticon{color:var(--color-green,#47cc24)}.brz-ui-modal-wrap-rtl{direction:rtl}.brz-ui-modal-wrap-rtl .brz-ui-modal-close{right:initial;left:0}.brz-ui-modal-wrap-rtl .brz-ui-modal-footer{text-align:left}.brz-ui-modal-wrap-rtl .brz-ui-modal-footer button+button{margin-right:8px;margin-left:0}.brz-ui-modal-wrap-rtl .brz-ui-modal-confirm-body{direction:rtl}.brz-ui-modal-wrap-rtl .brz-ui-modal-confirm-body>.anticon{float:right;margin-right:0;margin-left:16px}.brz-ui-modal-wrap-rtl .brz-ui-modal-confirm-body>.anticon+.brz-ui-modal-confirm-title+.brz-ui-modal-confirm-content{margin-right:38px;margin-left:0}.brz-ui-modal-wrap-rtl .brz-ui-modal-confirm-btns{float:left}.brz-ui-modal-wrap-rtl .brz-ui-modal-confirm-btns button+button{margin-right:8px;margin-left:0}.brz-ui-modal-wrap-rtl.brz-ui-modal-centered .brz-ui-modal{text-align:right}.brz-ui-animated--fadeInDown{animation-name:brz-ui-fadeInDown}.brz-ui-animated--fadeInUp{animation-name:brz-ui-fadeInUp}.brz-ui-animated--fadeIn{animation-name:brz-ui-fadeIn}.brz-ui-animated--fadeInLeft{animation-name:brz-ui-fadeInLeft}@keyframes brz-ui-fadeInDown{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeInUp{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}@keyframes brz-ui-fadeIn{from{opacity:0}to{opacity:1}}@keyframes brz-ui-fadeInLeft{from{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.brz-ui-animated--spin{animation-name:brz-ui-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes brz-ui-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.brz-ui-animated--pulsate{animation-name:brz-ui-pulsate}@keyframes brz-ui-pulsate{0%{transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2,1.2);opacity:0}}.brz-ui-animated--sk-bounce{animation-name:brz-ui-sk-bounce}@keyframes brz-ui-sk-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.brz-ui-animated{animation-duration:.15s;animation-fill-mode:both}.brz-ui-modal-wrap .brz-ui-modal-content{border:0;border-radius:0;background:0 0;box-shadow:none}.brz-ui-modal-wrap .brz-ui-modal-content .brz-ui-modal-body{padding:0}.brz-ui-modal-root>.brz-ui-modal-mask{background:rgba(0,0,0,.75)}.brz-ui-modal-root .brz-ui-modal-wrap .brz-ui-modal{padding:0}.brz-ui-modal-root .brz-ui-modal__sidebar{pointer-events:none;text-align:end;overflow-x:hidden}.brz-ui-modal-root .brz-ui-modal__sidebar .brz-ui-modal{padding:0;animation-duration:150ms}.brz-ui-modal-root .brz-ui-modal__sidebar .brz-ui-modal,.brz-ui-modal-root .brz-ui-modal__sidebar .brz-ui-modal-body,.brz-ui-modal-root .brz-ui-modal__sidebar .brz-ui-modal-content{height:100%}