@brizy/ui/es/Tag/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-tag{box-sizing:border-box;margin:0 8px 0 0;padding:0 7px;color:var(--color-dark,#212733);font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';display:inline-block;height:auto;font-size:12px;line-height:20px;white-space:nowrap;background:var(--color-gray-mid-fade-50,#a1a8ad80);border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;cursor:default;opacity:1;transition:.3s cubic-bezier(.78, .14, .15, .86)}.brz-ui-tag:hover{opacity:.85}.brz-ui-tag,.brz-ui-tag a,.brz-ui-tag a:hover{color:var(--color-dark,#212733)}.brz-ui-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.brz-ui-tag-close-icon{display:inline-block;font-size:10px;margin-left:3px;color:var(--color-gray,#777f86);cursor:pointer;transition:.3s cubic-bezier(.78, .14, .15, .86)}.brz-ui-tag-close-icon:hover{color:var(--color-dark,#212733)}.brz-ui-tag-has-color{border-color:transparent}.brz-ui-tag-has-color,.brz-ui-tag-has-color .anticon-close,.brz-ui-tag-has-color .anticon-close:hover,.brz-ui-tag-has-color a,.brz-ui-tag-has-color a:hover{color:var(--color-white,#fff)}.brz-ui-tag-checkable{background-color:transparent;border-color:transparent;cursor:pointer}.brz-ui-tag-checkable:not(.brz-ui-tag-checkable-checked):hover{color:var(--color-blue,#3dbfe8)}.brz-ui-tag-checkable-checked,.brz-ui-tag-checkable:active{color:var(--color-white,#fff)}.brz-ui-tag-checkable-checked{background-color:var(--color-blue,#3dbfe8)}.brz-ui-tag-checkable:active{background-color:var(--color-primary-7,#2999c2)}.brz-ui-tag-hidden{display:none}.brz-ui-tag-pink{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.brz-ui-tag-pink-inverse{color:var(--color-white,#fff);background:#eb2f96;border-color:#eb2f96}.brz-ui-tag-magenta{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.brz-ui-tag-magenta-inverse{color:var(--color-white,#fff);background:#eb2f96;border-color:#eb2f96}.brz-ui-tag-red{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.brz-ui-tag-red-inverse{color:var(--color-white,#fff);background:#f5222d;border-color:#f5222d}.brz-ui-tag-volcano{color:#fa541c;background:#fff2e8;border-color:#ffbb96}.brz-ui-tag-volcano-inverse{color:var(--color-white,#fff);background:#fa541c;border-color:#fa541c}.brz-ui-tag-orange{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.brz-ui-tag-orange-inverse{color:var(--color-white,#fff);background:#fa8c16;border-color:#fa8c16}.brz-ui-tag-yellow{color:#fadb14;background:#feffe6;border-color:#fffb8f}.brz-ui-tag-yellow-inverse{color:var(--color-white,#fff);background:#fadb14;border-color:#fadb14}.brz-ui-tag-gold{color:#faad14;background:#fffbe6;border-color:#ffe58f}.brz-ui-tag-gold-inverse{color:var(--color-white,#fff);background:#faad14;border-color:#faad14}.brz-ui-tag-cyan{color:#13c2c2;background:#e6fffb;border-color:#87e8de}.brz-ui-tag-cyan-inverse{color:var(--color-white,#fff);background:#13c2c2;border-color:#13c2c2}.brz-ui-tag-lime{color:#a0d911;background:#fcffe6;border-color:#eaff8f}.brz-ui-tag-lime-inverse{color:var(--color-white,#fff);background:#a0d911;border-color:#a0d911}.brz-ui-tag-green{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.brz-ui-tag-green-inverse{color:var(--color-white,#fff);background:#52c41a;border-color:#52c41a}.brz-ui-tag-blue{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.brz-ui-tag-blue-inverse{color:var(--color-white,#fff);background:#1890ff;border-color:#1890ff}.brz-ui-tag-geekblue{color:#2f54eb;background:#f0f5ff;border-color:#adc6ff}.brz-ui-tag-geekblue-inverse{color:var(--color-white,#fff);background:#2f54eb;border-color:#2f54eb}.brz-ui-tag-purple{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}.brz-ui-tag-purple-inverse{color:var(--color-white,#fff);background:#722ed1;border-color:#722ed1}.brz-ui-tag-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.brz-ui-tag-processing{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.brz-ui-tag-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.brz-ui-tag-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.brz-ui-tag>.anticon+span,.brz-ui-tag>span+.anticon{margin-left:7px}.brz-ui-tag.brz-ui-tag-rtl{margin-right:0;margin-left:8px;direction:rtl;text-align:right}.brz-ui-tag-rtl .brz-ui-tag-close-icon{margin-right:3px;margin-left:0}.brz-ui-tag-rtl.brz-ui-tag>.anticon+span,.brz-ui-tag-rtl.brz-ui-tag>span+.anticon{margin-right:7px;margin-left:0}.brz-ui-icon__svg svg{fill:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));color:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));font-size:var(--brz-ui-icon-size, 16px);transition:.3s ease-in-out}.brz-ui-icon__svg:hover svg{fill:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))));color:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__svg--inherit.anticon,.brz-ui-icon__svg--inherit.anticon svg{color:inherit}.brz-ui-icon__img{mask:var(--brz-ui-icon-image-source,none);background:var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)));background-repeat:no-repeat;mask-repeat:no-repeat;mask-size:var(--brz-ui-icon-size,16px);width:var(--brz-ui-icon-size,16px);height:var(--brz-ui-icon-size,16px);transition:background .3s ease-in-out}.brz-ui-icon__img:hover{background:var(--brz-ui-global-icon-hover-color,var(--brz-ui-icon-hover-color,var(--brz-ui-global-icon-color,var(--brz-ui-icon-color,var(--color-gray,#777f86)))))}.brz-ui-icon__img .brz-ui-icon__svg--inherit{background:inherit}.brz-ui-tag.brz-ui-tag{display:inline-flex;border-radius:16px;padding:8px 12px;font-weight:600;border-style:none;line-height:1;margin-inline-end:0;max-width:270px}.brz-ui-tag.brz-ui-tag .brz-ui-tag__children{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brz-ui-tag.brz-ui-tag .brz-ui-tag-close-icon{position:absolute;color:var(--color-dark,#212733);font-size:8px;font-weight:600;inset-inline-end:6px;top:9px}.brz-ui-tag.brz-ui-tag.brz-ui-tag--removable{padding-top:8px;padding-bottom:8px;padding-inline-start:12px;padding-inline-end:21px;position:relative;min-width:50px}.brz-ui-tag.brz-ui-tag.brz-ui-tag-success{color:var(--color-green,#47cc24);background:var(--color-green-light,#d4f9c9);border-color:var(--color-green-light,#d4f9c9)}.brz-ui-tag.brz-ui-tag.brz-ui-tag-error{color:var(--color-red,red);background:var(--color-red-light,#f6dede);border-color:var(--color-red-light,#f6dede)}.brz-ui-tag.brz-ui-tag.brz-ui-tag-warning{color:var(--color-orange,#dfad3d);background:var(--color-orange-light,#fdeecd);border-color:var(--color-orange-light,#fdeecd)}.brz-ui-tag.brz-ui-tag.brz-ui-tag-processing{color:var(--color-blue,#3dbfe8);background:var(--color-blue-lighest,#e5eff2);border-color:var(--color-blue-mid,#add6e4)}.brz-ui-tag--disabled{pointer-events:none}.brz-ui-tag--text-white{color:var(--color-white,#fff)}.brz-ui-tag--text-dark{color:var(--color-dark,#212733)}.brz-ui-tag--white{background-color:var(--color-white,#fff)}.brz-ui-tag--red{background-color:var(--color-red,red)}.brz-ui-tag--red-light{background-color:var(--color-red-light,#f6dede)}.brz-ui-tag--blue{background-color:var(--color-blue,#3dbfe8)}.brz-ui-tag--blue-mid{background-color:var(--color-blue-mid,#add6e4)}.brz-ui-tag--blue-light{background-color:var(--color-blue-light,#d8eaf0)}.brz-ui-tag--blue-lightest{background-color:var(--color-blue-lighest,#e5eff2)}.brz-ui-tag--dark{background-color:var(--color-dark,#212733)}.brz-ui-tag--darkest{background-color:var(--color-darkest,#141923)}.brz-ui-tag--gray{background-color:var(--color-gray,#777f86)}.brz-ui-tag--gray-darkest{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-tag--gray-mid{background-color:var(--color-gray-mid,#a1a8ad)}.brz-ui-tag--gray-light{background-color:var(--color-gray-light,#d5d9db)}.brz-ui-tag--gray-lightest{background-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-tag--orange{background-color:var(--color-orange,#dfad3d)}.brz-ui-tag--orange-light{background-color:var(--color-orange-light,#fdeecd)}.brz-ui-tag--green{background-color:var(--color-green,#47cc24)}.brz-ui-tag--green-light{background-color:var(--color-green-light,#d4f9c9)}.brz-ui-tag--inherit{background-color:inherit}