@brizy/ui/lib/Alert/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-alert{box-sizing:border-box;margin:0;padding:8px 15px 8px 37px;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;word-wrap:break-word;border-radius:3px}.brz-ui-alert.brz-ui-alert-no-icon{padding:8px 15px}.brz-ui-alert.brz-ui-alert-no-icon .brz-ui-alert-close-icon{top:12.9px}.brz-ui-alert.brz-ui-alert-closable{padding-right:30px}.brz-ui-alert-icon{position:absolute;top:12.9px;left:16px}.brz-ui-alert-description{display:none;font-size:14px;line-height:22px}.brz-ui-alert-success{background-color:var(--color-green-lightest,#f5fff0);border:1px solid var(--color-green-secondary,#b9f2a0)}.brz-ui-alert-success .brz-ui-alert-icon{color:var(--color-green,#47cc24)}.brz-ui-alert-info{background-color:var(--color-primary-1,#f0feff);border:1px solid var(--color-primary-3,#bdf6ff)}.brz-ui-alert-info .brz-ui-alert-icon{color:var(--color-blue,#3dbfe8)}.brz-ui-alert-warning{background-color:var(--color-orange-lightest,#fffdf0);border:1px solid var(--color-orange-secondary,#fff1bf)}.brz-ui-alert-warning .brz-ui-alert-icon{color:var(--color-orange,#dfad3d)}.brz-ui-alert-error{background-color:var(--color-red-lightest,#ffeae6);border:1px solid var(--color-red-secondary,#ff887a)}.brz-ui-alert-error .brz-ui-alert-icon{color:var(--color-red,red)}.brz-ui-alert-error .brz-ui-alert-description>pre{margin:0;padding:0}.brz-ui-alert-close-icon{position:absolute;top:12.9px;right:16px;padding:0;overflow:hidden;font-size:13px;line-height:13px;background-color:transparent;border:none;outline:0;cursor:pointer}.brz-ui-alert-close-icon .anticon-close{color:var(--color-gray,#777f86);transition:color .3s}.brz-ui-alert-close-icon .anticon-close:hover{color:rgba(0,0,0,.75)}.brz-ui-alert-close-text{color:var(--color-gray,#777f86);transition:color .3s}.brz-ui-alert-close-text:hover{color:rgba(0,0,0,.75)}.brz-ui-alert-with-description{position:relative;padding:15px 15px 15px 63px;color:var(--color-dark,#212733);line-height:1.7;border-radius:3px}.brz-ui-alert-with-description.brz-ui-alert-no-icon{padding:15px}.brz-ui-alert-with-description .brz-ui-alert-icon{position:absolute;top:15px;left:24px;font-size:24px}.brz-ui-alert-with-description .brz-ui-alert-close-icon{position:absolute;top:16px;right:16px;font-size:14px;cursor:pointer}.brz-ui-alert-with-description .brz-ui-alert-message{display:block;margin-bottom:4px;color:var(--color-dark,#212733);font-size:16px}.brz-ui-alert-message{color:var(--color-dark,#212733)}.brz-ui-alert-with-description .brz-ui-alert-description{display:block}.brz-ui-alert.brz-ui-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78, .14, .15, .86),opacity .3s cubic-bezier(.78, .14, .15, .86),padding-top .3s cubic-bezier(.78, .14, .15, .86),padding-bottom .3s cubic-bezier(.78, .14, .15, .86),margin-bottom .3s cubic-bezier(.78, .14, .15, .86)}.brz-ui-alert.brz-ui-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0}.brz-ui-alert-banner{margin-bottom:0;border:0;border-radius:0}.brz-ui-alert.brz-ui-alert-rtl{padding:8px 37px 8px 15px;direction:rtl}.brz-ui-alert-rtl.brz-ui-alert.brz-ui-alert-no-icon{padding:8px 15px}.brz-ui-alert.brz-ui-alert-rtl.brz-ui-alert.brz-ui-alert-closable{padding-right:37px;padding-left:30px}.brz-ui-alert.brz-ui-alert-rtl.brz-ui-alert.brz-ui-alert-no-icon.brz-ui-alert-closable{padding-right:15px;padding-left:30px}.brz-ui-alert-rtl .brz-ui-alert-icon{right:16px;left:auto}.brz-ui-alert-rtl .brz-ui-alert-close-icon{right:auto;left:16px}.brz-ui-alert.brz-ui-alert-rtl.brz-ui-alert-with-description,.brz-ui-alert.brz-ui-alert-rtl.brz-ui-alert-with-description.brz-ui-alert-closable{padding:15px 63px 15px 15px}.brz-ui-alert.brz-ui-alert-rtl.brz-ui-alert-with-description.brz-ui-alert-no-icon{padding:15px}.brz-ui-alert-rtl.brz-ui-alert-with-description .brz-ui-alert-icon{right:24px;left:auto}.brz-ui-alert-rtl.brz-ui-alert-with-description .brz-ui-alert-close-icon{right:auto;left:16px}.brz-ui-alert.brz-ui-alert-error:not(.brz-ui-alert-rtl) .anticon-close-circle{right:auto}.brz-ui-alert.brz-ui-alert-error .anticon-close-circle{top:33%;background-image:none}