.dgcp-editable-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;max-width:100%;vertical-align:middle} .dgcp-editable-icon img{display:block;width:100%;height:100%;object-fit:contain} .dgcp-editable-icon__library svg{display:block;width:100%;height:100%;fill:currentColor} .dgcp-editable-icon__library i{font-size:inherit;line-height:1} .dgcp-editable-icon__tint{background-color:transparent;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain} @supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){ .dgcp-editable-icon__tint{background-color:var(--dgcp-icon-tint,var(--dg-ink-accent,#9a3412))} .dgcp-editable-icon__tint img{display:none} }