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

React elements in Brizy style

.brz-ui-iconset-wrapper{border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;background-color:var(--brz-ui-global-iconset-background,var(--brz-ui-iconset-background,var(--color-white,#fff)))}.brz-ui-iconset-wrapper .brz-ui-iconset{display:flex;flex-wrap:wrap;padding:0 8px;gap:var(--brz-ui-iconset-gap,0)}.brz-ui-iconset__cell{padding:17px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s cubic-bezier(.645, .045, .355, 1);position:relative}.brz-ui-iconset__cell:empty{display:none}.brz-ui-iconset__cell .brz-ui-icon__svg{color:inherit;transition:color .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-iconset__cell .brz-ui-icon__svg svg{transition:color .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-iconset__cell .brz-ui-icon__img{max-width:var(--brz-ui-icon-size,16px)}.brz-ui-iconset__cell .brz-ui-iconset-icon-remove{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--color-white,#fff);border-radius:50%;height:28px;width:28px;top:-7px;right:-7px;color:var(--color-black,#000);opacity:0;transition:opacity .3s ease-in-out}.brz-ui-iconset__cell>img,.brz-ui-iconset__cell>span{max-width:25px}.brz-ui-iconset__cell--active,.brz-ui-iconset__cell:hover{background-color:var(--color-blue,#3dbfe8);color:var(--color-white,#fff);transition:background-color .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-iconset__cell--active .brz-ui-icon__svg svg,.brz-ui-iconset__cell:hover .brz-ui-icon__svg svg{fill:currentcolor;color:inherit;transition:fill .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-iconset__cell--active .brz-ui-icon__img,.brz-ui-iconset__cell:hover .brz-ui-icon__img{background-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-iconset__cell:hover .brz-ui-iconset-icon-remove{opacity:1}.brz-ui-iconset__cell:hover .brz-ui-iconset-icon-remove .brz-ui-icon__svg{transition:color .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-iconset__cell:hover .brz-ui-iconset-icon-remove:hover .brz-ui-icon__svg{color:var(--color-magneta,#d62c64)}