@brizy/ui/lib/Editable/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-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-tooltip{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:absolute;z-index:1070;display:block;max-width:250px;visibility:visible}.brz-ui-tooltip-hidden{display:none}.brz-ui-tooltip-placement-top,.brz-ui-tooltip-placement-topLeft,.brz-ui-tooltip-placement-topRight{padding-bottom:8px}.brz-ui-tooltip-placement-right,.brz-ui-tooltip-placement-rightBottom,.brz-ui-tooltip-placement-rightTop{padding-left:8px}.brz-ui-tooltip-placement-bottom,.brz-ui-tooltip-placement-bottomLeft,.brz-ui-tooltip-placement-bottomRight{padding-top:8px}.brz-ui-tooltip-placement-left,.brz-ui-tooltip-placement-leftBottom,.brz-ui-tooltip-placement-leftTop{padding-right:8px}.brz-ui-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:var(--color-white,#fff);text-align:left;text-decoration:none;word-wrap:break-word;background-color:rgba(3,8,15,.92);border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09)}.brz-ui-tooltip-arrow{position:absolute;display:block;width:13.07106781px;height:13.07106781px;overflow:hidden;background:0 0;pointer-events:none}.brz-ui-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:rgba(3,8,15,.92);content:'';pointer-events:auto}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow{bottom:-5.07106781px}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-top .brz-ui-tooltip-arrow{left:50%;transform:translateX(-50%)}.brz-ui-tooltip-placement-topLeft .brz-ui-tooltip-arrow{left:13px}.brz-ui-tooltip-placement-topRight .brz-ui-tooltip-arrow{right:13px}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow{left:-5.07106781px}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-right .brz-ui-tooltip-arrow{top:50%;transform:translateY(-50%)}.brz-ui-tooltip-placement-rightTop .brz-ui-tooltip-arrow{top:5px}.brz-ui-tooltip-placement-rightBottom .brz-ui-tooltip-arrow{bottom:5px}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow{right:-5.07106781px}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-left .brz-ui-tooltip-arrow{top:50%;transform:translateY(-50%)}.brz-ui-tooltip-placement-leftTop .brz-ui-tooltip-arrow{top:5px}.brz-ui-tooltip-placement-leftBottom .brz-ui-tooltip-arrow{bottom:5px}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow,.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow{top:-5.07106781px}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.53553391px) rotate(45deg)}.brz-ui-tooltip-placement-bottom .brz-ui-tooltip-arrow{left:50%;transform:translateX(-50%)}.brz-ui-tooltip-placement-bottomLeft .brz-ui-tooltip-arrow{left:13px}.brz-ui-tooltip-placement-bottomRight .brz-ui-tooltip-arrow{right:13px}.brz-ui-tooltip-magenta .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-magenta .brz-ui-tooltip-inner,.brz-ui-tooltip-pink .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-pink .brz-ui-tooltip-inner{background-color:#eb2f96}.brz-ui-tooltip-red .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-red .brz-ui-tooltip-inner{background-color:#f5222d}.brz-ui-tooltip-volcano .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-volcano .brz-ui-tooltip-inner{background-color:#fa541c}.brz-ui-tooltip-orange .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-orange .brz-ui-tooltip-inner{background-color:#fa8c16}.brz-ui-tooltip-yellow .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-yellow .brz-ui-tooltip-inner{background-color:#fadb14}.brz-ui-tooltip-gold .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-gold .brz-ui-tooltip-inner{background-color:#faad14}.brz-ui-tooltip-cyan .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-cyan .brz-ui-tooltip-inner{background-color:#13c2c2}.brz-ui-tooltip-lime .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-lime .brz-ui-tooltip-inner{background-color:#a0d911}.brz-ui-tooltip-green .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-green .brz-ui-tooltip-inner{background-color:#52c41a}.brz-ui-tooltip-blue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-blue .brz-ui-tooltip-inner{background-color:#1890ff}.brz-ui-tooltip-geekblue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-geekblue .brz-ui-tooltip-inner{background-color:#2f54eb}.brz-ui-tooltip-purple .brz-ui-tooltip-arrow-content,.brz-ui-tooltip-purple .brz-ui-tooltip-inner{background-color:#722ed1}.brz-ui-tooltip-rtl{direction:rtl}.brz-ui-tooltip-rtl .brz-ui-tooltip-inner{text-align:right}.brz-ui-tooltip{padding-bottom:4px;max-width:var(--brz-ui-tooltip-maxWidth,195px)}.brz-ui-tooltip__content{max-width:fit-content}.brz-ui-tooltip__capitalized{text-transform:capitalize}.brz-ui-tooltip .brz-ui-tooltip-inner{min-height:0;font-size:var(--brz-ui-tooltip-fontSize, 12px);font-weight:var(--brz-ui-tooltip-fontWeight,600);line-height:var(--brz-ui-tooltip-lineHeight, 19px);color:var(--color-white,#fff);padding:var(--brz-ui-tooltip-padding,12px 16px);border-radius:var(--brz-ui-tooltip-rounded,0);letter-spacing:var(--brz-ui-tooltip-letterSpacing, 0)}.brz-ui-tooltip .brz-ui-tooltip-arrow{margin:0 0 -3px}.brz-ui-tooltip__bordered .brz-ui-tooltip-inner{border:1px solid var(--color-gray-darkest,#3a404d);border-radius:2px}.brz-ui-tooltip__bordered .brz-ui-tooltip-arrow-content{border:1px solid var(--color-gray-darkest,#3a404d)}.brz-ui-tooltip__shadowed .brz-ui-tooltip-inner{box-shadow:0 5px 16px 0 rgba(33,39,51,.68)}.brz-ui-tooltip__no-arrow .brz-ui-tooltip-arrow-content{display:none}.brz-ui-tooltip__color-red .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-red .brz-ui-tooltip-inner{background-color:var(--color-red,red)}.brz-ui-tooltip__color-red-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-red-light .brz-ui-tooltip-inner{background-color:var(--color-red-light,#f6dede)}.brz-ui-tooltip__color-blue .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue .brz-ui-tooltip-inner{background-color:var(--color-blue,#3dbfe8)}.brz-ui-tooltip__color-blue-mid .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-mid .brz-ui-tooltip-inner{background-color:var(--color-blue-mid,#add6e4)}.brz-ui-tooltip__color-blue-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-light .brz-ui-tooltip-inner{background-color:var(--color-blue-light,#d8eaf0)}.brz-ui-tooltip__color-blue-lightest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-blue-lightest .brz-ui-tooltip-inner{background-color:var(--color-blue-lighest,#e5eff2)}.brz-ui-tooltip__color-dark .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-dark .brz-ui-tooltip-inner{background-color:var(--color-dark,#212733)}.brz-ui-tooltip__color-darkest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-darkest .brz-ui-tooltip-inner{background-color:var(--color-darkest,#141923)}.brz-ui-tooltip__color-gray .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray .brz-ui-tooltip-inner{background-color:var(--color-gray,#777f86)}.brz-ui-tooltip__color-gray-darkest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-darkest .brz-ui-tooltip-inner{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-tooltip__color-gray-mid .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-mid .brz-ui-tooltip-inner{background-color:var(--color-gray-mid,#a1a8ad)}.brz-ui-tooltip__color-gray-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-light .brz-ui-tooltip-inner{background-color:var(--color-gray-light,#d5d9db)}.brz-ui-tooltip__color-gray-lightest .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-gray-lightest .brz-ui-tooltip-inner{background-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-tooltip__color-orange .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-orange .brz-ui-tooltip-inner{background-color:var(--color-orange,#dfad3d)}.brz-ui-tooltip__color-orange-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-orange-light .brz-ui-tooltip-inner{background-color:var(--color-orange-light,#fdeecd)}.brz-ui-tooltip__color-green .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-green .brz-ui-tooltip-inner{background-color:var(--color-green,#47cc24)}.brz-ui-tooltip__color-green-light .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-green-light .brz-ui-tooltip-inner{background-color:var(--color-green-light,#d4f9c9)}.brz-ui-tooltip__color-white .brz-ui-tooltip-arrow-content,.brz-ui-tooltip__color-white .brz-ui-tooltip-inner{background-color:var(--color-white,#fff)}.brz-ui-editable{display:inline-flex;align-items:center;max-width:100%}.brz-ui-editable__input{position:relative;display:inline-flex;border-radius:2px}.brz-ui-editable__input input{border:0;outline:0;padding:0 30px 0 7px;background-color:transparent}.brz-ui-editable__input svg{position:absolute;right:9.65px;top:0;bottom:0;margin:auto}.brz-ui-editable,.brz-ui-editable input,.brz-ui-editable p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}.brz-ui-editable:not(.brz-ui-editable__edit,.brz-ui-editable__click){cursor:pointer}.brz-ui-editable:not(.brz-ui-editable__edit,.brz-ui-editable__click) svg{margin-left:10px;opacity:0;transition:opacity .3s ease-in-out}.brz-ui-editable:not(.brz-ui-editable__edit,.brz-ui-editable__click):hover svg{opacity:1}.brz-ui-editable__edit,.brz-ui-editable__edit .brz-ui-editable__input,.brz-ui-editable__edit .brz-ui-editable__input input,.brz-ui-editable__edit .brz-ui-tooltip__content{width:100%}.brz-ui-editable .brz-ui-editable__text{max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.brz-ui-editable p{margin:0}.brz-ui-editable--red .brz-ui-editable__input{background-color:var(--color-red,red)}.brz-ui-editable--red-light .brz-ui-editable__input{background-color:var(--color-red-light,#f6dede)}.brz-ui-editable--blue .brz-ui-editable__input{background-color:var(--color-blue,#3dbfe8)}.brz-ui-editable--blue-mid .brz-ui-editable__input{background-color:var(--color-blue-mid,#add6e4)}.brz-ui-editable--blue-light .brz-ui-editable__input{background-color:var(--color-blue-light,#d8eaf0)}.brz-ui-editable--blue-lightest .brz-ui-editable__input{background-color:var(--color-blue-lighest,#e5eff2)}.brz-ui-editable--dark .brz-ui-editable__input{background-color:var(--color-dark,#212733)}.brz-ui-editable--darkest .brz-ui-editable__input{background-color:var(--color-darkest,#141923)}.brz-ui-editable--gray .brz-ui-editable__input{background-color:var(--color-gray,#777f86)}.brz-ui-editable--gray-darkest .brz-ui-editable__input{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-editable--gray-mid .brz-ui-editable__input{background-color:var(--color-gray-mid,#a1a8ad)}.brz-ui-editable--gray-light .brz-ui-editable__input{background-color:var(--color-gray-light,#d5d9db)}.brz-ui-editable--gray-lightest .brz-ui-editable__input{background-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-editable--orange .brz-ui-editable__input{background-color:var(--color-orange,#dfad3d)}.brz-ui-editable--orange-light .brz-ui-editable__input{background-color:var(--color-orange-light,#fdeecd)}.brz-ui-editable--green .brz-ui-editable__input{background-color:var(--color-green,#47cc24)}.brz-ui-editable--green-light .brz-ui-editable__input{background-color:var(--color-green-light,#d4f9c9)}.brz-ui-editable--white .brz-ui-editable__input{background-color:var(--color-white,#fff)}.brz-ui-editable.brz-ui-editable__click{width:100%;display:flex;justify-content:space-between}.brz-ui-editable.brz-ui-editable__click input{padding:0 32px 0 8px}.brz-ui-editable.brz-ui-editable__click .brz-ui-editable__input{padding:0}.brz-ui-editable.brz-ui-editable__click button,.brz-ui-editable.brz-ui-editable__click button:focus{outline:0;border:none;background:0 0;padding:0;cursor:pointer;z-index:3}.brz-ui-editable.brz-ui-editable__click .brz-ui-editable__text{cursor:pointer}.brz-ui-editable.brz-ui-editable__click:not(.brz-ui-editable__edit){cursor:default}.brz-ui-editable.brz-ui-editable__click:not(.brz-ui-editable__edit) .brz-ui-icon__svg{z-index:-2}.brz-ui-editable.brz-ui-editable__click:not(.brz-ui-editable__edit) svg{opacity:1;transition:color .3s ease-in-out}.brz-ui-editable.brz-ui-editable__click:not(.brz-ui-editable__edit) button{margin-inline-start:10px}