@brizy/ui/es/Badge/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-badge{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-block;color:unset;line-height:1}.brz-ui-badge-count{z-index:auto;min-width:20px;height:20px;padding:0 6px;color:var(--color-white,#fff);font-weight:400;font-size:13px;line-height:20px;white-space:nowrap;text-align:center;background:#ff4d4f;border-radius:10px;box-shadow:0 0 0 1px var(--color-white,#fff)}.brz-ui-badge-count a,.brz-ui-badge-count a:hover{color:var(--color-white,#fff)}.brz-ui-badge-count-sm{min-width:14px;height:14px;padding:0;font-size:13px;line-height:14px;border-radius:7px}.brz-ui-badge-multiple-words{padding:0 8px}.brz-ui-badge-dot{z-index:auto;width:8px;height:8px;background:#ff4d4f;border-radius:100%;box-shadow:0 0 0 1px var(--color-white,#fff)}.brz-ui-badge .brz-ui-scroll-number-custom-component,.brz-ui-badge-count,.brz-ui-badge-dot{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0%}.brz-ui-badge-status{line-height:inherit;vertical-align:baseline}.brz-ui-badge-status-dot{position:relative;top:-1px;display:inline-block;width:8px;height:8px;vertical-align:middle;border-radius:50%}.brz-ui-badge-status-success{background-color:var(--color-green,#47cc24)}.brz-ui-badge-status-processing{position:relative;background-color:#1890ff}.brz-ui-badge-status-processing::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:50%;animation:1.2s ease-in-out infinite antStatusProcessing;content:''}.brz-ui-badge-status-default{background-color:#d9d9d9}.brz-ui-badge-status-error{background-color:var(--color-red,red)}.brz-ui-badge-status-warning{background-color:var(--color-orange,#dfad3d)}.brz-ui-badge-status-magenta,.brz-ui-badge-status-pink{background:#eb2f96}.brz-ui-badge-status-red{background:#f5222d}.brz-ui-badge-status-volcano{background:#fa541c}.brz-ui-badge-status-orange{background:#fa8c16}.brz-ui-badge-status-yellow{background:#fadb14}.brz-ui-badge-status-gold{background:#faad14}.brz-ui-badge-status-cyan{background:#13c2c2}.brz-ui-badge-status-lime{background:#a0d911}.brz-ui-badge-status-green{background:#52c41a}.brz-ui-badge-status-blue{background:#1890ff}.brz-ui-badge-status-geekblue{background:#2f54eb}.brz-ui-badge-status-purple{background:#722ed1}.brz-ui-badge-status-text{margin-left:8px;color:var(--color-dark,#212733);font-size:14px}.brz-ui-badge-zoom-appear,.brz-ui-badge-zoom-enter{animation:.3s cubic-bezier(.12,.4,.29,1.46) antZoomBadgeIn;animation-fill-mode:both}.brz-ui-badge-zoom-leave{animation:.3s cubic-bezier(.71,-.46,.88,.6) antZoomBadgeOut;animation-fill-mode:both}.brz-ui-badge-not-a-wrapper:not(.brz-ui-badge-status){vertical-align:middle}.brz-ui-badge-not-a-wrapper .brz-ui-scroll-number{position:relative;top:auto;display:block}@keyframes antStatusProcessing{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.4);opacity:0}}.brz-ui-scroll-number{overflow:hidden}.brz-ui-scroll-number-only{display:inline-block;height:20px;transition:.3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-scroll-number-only>p.brz-ui-scroll-number-only-unit{height:20px;margin:0}.brz-ui-scroll-number-symbol{vertical-align:top}@keyframes antZoomBadgeIn{0%{transform:scale(0) translate(50%,-50%);opacity:0}100%{transform:scale(1) translate(50%,-50%)}}@keyframes antZoomBadgeOut{0%{transform:scale(1) translate(50%,-50%)}100%{transform:scale(0) translate(50%,-50%);opacity:0}}.brz-ui-ribbon-wrapper{position:relative}.brz-ui-ribbon{box-sizing:border-box;margin:0;padding:0 8px;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';position:absolute;top:8px;height:22px;color:var(--color-white,#fff);line-height:22px;white-space:nowrap;background-color:var(--color-blue,#3dbfe8);border-radius:3px}.brz-ui-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:var(--color-blue,#3dbfe8);border:4px solid;transform:scaleY(.75);transform-origin:top}.brz-ui-ribbon-corner::after{position:absolute;top:-4px;left:-4px;width:inherit;height:inherit;color:rgba(0,0,0,.25);border:inherit;content:''}.brz-ui-ribbon-color-pink{background-color:#eb2f96}.brz-ui-ribbon-color-pink .brz-ui-ribbon-corner{color:#eb2f96}.brz-ui-ribbon-color-magenta{background-color:#eb2f96}.brz-ui-ribbon-color-magenta .brz-ui-ribbon-corner{color:#eb2f96}.brz-ui-ribbon-color-red{background-color:#f5222d}.brz-ui-ribbon-color-red .brz-ui-ribbon-corner{color:#f5222d}.brz-ui-ribbon-color-volcano{background-color:#fa541c}.brz-ui-ribbon-color-volcano .brz-ui-ribbon-corner{color:#fa541c}.brz-ui-ribbon-color-orange{background-color:#fa8c16}.brz-ui-ribbon-color-orange .brz-ui-ribbon-corner{color:#fa8c16}.brz-ui-ribbon-color-yellow{background-color:#fadb14}.brz-ui-ribbon-color-yellow .brz-ui-ribbon-corner{color:#fadb14}.brz-ui-ribbon-color-gold{background-color:#faad14}.brz-ui-ribbon-color-gold .brz-ui-ribbon-corner{color:#faad14}.brz-ui-ribbon-color-cyan{background-color:#13c2c2}.brz-ui-ribbon-color-cyan .brz-ui-ribbon-corner{color:#13c2c2}.brz-ui-ribbon-color-lime{background-color:#a0d911}.brz-ui-ribbon-color-lime .brz-ui-ribbon-corner{color:#a0d911}.brz-ui-ribbon-color-green{background-color:#52c41a}.brz-ui-ribbon-color-green .brz-ui-ribbon-corner{color:#52c41a}.brz-ui-ribbon-color-blue{background-color:#1890ff}.brz-ui-ribbon-color-blue .brz-ui-ribbon-corner{color:#1890ff}.brz-ui-ribbon-color-geekblue{background-color:#2f54eb}.brz-ui-ribbon-color-geekblue .brz-ui-ribbon-corner{color:#2f54eb}.brz-ui-ribbon-color-purple{background-color:#722ed1}.brz-ui-ribbon-color-purple .brz-ui-ribbon-corner{color:#722ed1}.brz-ui-ribbon.brz-ui-ribbon-placement-end{right:-8px;border-bottom-right-radius:0}.brz-ui-ribbon.brz-ui-ribbon-placement-end .brz-ui-ribbon-corner{right:0;border-color:currentColor transparent transparent currentColor}.brz-ui-ribbon.brz-ui-ribbon-placement-end .brz-ui-ribbon-corner::after{border-color:currentColor transparent transparent currentColor}.brz-ui-ribbon.brz-ui-ribbon-placement-start{left:-8px;border-bottom-left-radius:0}.brz-ui-ribbon.brz-ui-ribbon-placement-start .brz-ui-ribbon-corner{left:0;border-color:currentColor currentColor transparent transparent}.brz-ui-ribbon.brz-ui-ribbon-placement-start .brz-ui-ribbon-corner::after{border-color:currentColor currentColor transparent transparent}.brz-ui-badge-rtl{direction:rtl}.brz-ui-badge-rtl .brz-ui-badge .brz-ui-scroll-number-custom-component,.brz-ui-badge-rtl .brz-ui-badge-count,.brz-ui-badge-rtl .brz-ui-badge-dot{right:auto;left:0;direction:ltr;transform:translate(-50%,-50%);transform-origin:0% 0%}.brz-ui-badge-rtl.brz-ui-badge .brz-ui-scroll-number-custom-component{right:auto;left:0;transform:translate(-50%,-50%);transform-origin:0% 0%}.brz-ui-badge-rtl .brz-ui-badge-status-text{margin-right:8px;margin-left:0}.brz-ui-badge-rtl .brz-ui-badge-zoom-appear,.brz-ui-badge-rtl .brz-ui-badge-zoom-enter{animation-name:antZoomBadgeInRtl}.brz-ui-badge-rtl .brz-ui-badge-zoom-leave{animation-name:antZoomBadgeOutRtl}.brz-ui-badge-not-a-wrapper .brz-ui-badge-count{transform:none}.brz-ui-ribbon-rtl{direction:rtl}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-end{right:unset;left:-8px;border-bottom-right-radius:3px;border-bottom-left-radius:0}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-end .brz-ui-ribbon-corner{right:unset;left:0;border-color:currentColor currentColor transparent transparent}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-end .brz-ui-ribbon-corner::after{border-color:currentColor currentColor transparent transparent}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-start{right:-8px;left:unset;border-bottom-right-radius:0;border-bottom-left-radius:3px}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-start .brz-ui-ribbon-corner{right:0;left:unset;border-color:currentColor transparent transparent currentColor}.brz-ui-ribbon-rtl.brz-ui-ribbon-placement-start .brz-ui-ribbon-corner::after{border-color:currentColor transparent transparent currentColor}@keyframes antZoomBadgeInRtl{0%{transform:scale(0) translate(-50%,-50%);opacity:0}100%{transform:scale(1) translate(-50%,-50%)}}@keyframes antZoomBadgeOutRtl{0%{transform:scale(1) translate(-50%,-50%)}100%{transform:scale(0) translate(-50%,-50%);opacity:0}}.brz-ui-badge{font-weight:500}.brz-ui-badge.brz-ui-indicator-success{height:22px;padding:0 12px 0 7px;border-radius:10.5px;background-color:rgba(100,232,61,.28)}.brz-ui-badge.brz-ui-indicator-warning{height:22px;padding:0 12px 0 7px;border-radius:10.5px;background-color:#fdeecd}.brz-ui-badge.brz-ui-indicator-error{height:22px;padding:0 12px 0 7px;border-radius:10.5px;background-color:#f6dede}.brz-ui-badge .brz-ui-badge-status-text{font-size:12px;color:var(--color-dark,#212733);font-weight:400}.brz-ui-badge.brz-ui-badge-status--processing>.brz-ui-badge-status-dot.brz-ui-badge-status-processing:after{display:none}.brz-ui-badge .brz-ui-badge.brz-ui-badge-status-text{margin-left:6px}.brz-ui-badge.brz-ui-badge--fill,.brz-ui-badge.brz-ui-badge--fill.brz-ui-badge-status--error,.brz-ui-badge.brz-ui-badge--fill.brz-ui-badge-status--processing,.brz-ui-badge.brz-ui-badge--fill.brz-ui-badge-status--success,.brz-ui-badge.brz-ui-badge--fill.brz-ui-badge-status--warning{display:inline-flex;align-items:center;border-radius:10.5px;padding:0 12px 0 7px}.brz-ui-badge--fill.brz-ui-badge-status--success{background:var(--color-green-light,#d4f9c9)}.brz-ui-badge--fill.brz-ui-badge-status--processing{background:var(--color-blue-mid,#add6e4)}.brz-ui-badge--fill.brz-ui-badge-status--error{background:var(--color-red-light,#f6dede)}.brz-ui-badge--fill.brz-ui-badge-status--warning{background:var(--color-orange-light,#fdeecd)}.brz-ui-badge--small.brz-ui-badge .brz-ui-badge-status-dot{width:6px;height:6px}.brz-ui-badge--small.brz-ui-badge .brz-ui-badge-status-text{font-size:12px}.brz-ui-badge--middle.brz-ui-badge .brz-ui-badge-status-dot{width:8px;height:8px}.brz-ui-badge--middle.brz-ui-badge .brz-ui-badge-status-text{font-size:12px}.brz-ui-badge--large.brz-ui-badge .brz-ui-badge-status-dot{width:10px;height:10px}.brz-ui-badge--large.brz-ui-badge .brz-ui-badge-status-text{font-size:16px}