:root{--ui-icon-size-sm:31px;--ui-icon-service-bg-color:#ebeff2;--ui-icon-size:39px;--ui-icon-size-lg:47px;--ui-icon-size-xs:26px;--ui-icon-size-md:39px}.ui-icon{position:relative;width:var(--ui-icon-size);display:inline-block}.ui-icon>i{padding-top:100%;position:relative;background-size:100% auto;background-color:var(--ui-icon-service-bg-color);background-position:50%;border-radius:50%;width:100%;background-image:var(--ui-icon-service-bg-image);background-repeat:no-repeat;display:block}.ui-icon-square>i,.ui-icon[class*=ui-icon-file-]>i{border-radius:1px!important}.ui-icon-btn,button.ui-icon{padding:0;border:none;text-decoration:none;outline:none;background:transparent;cursor:pointer}.ui-icon-btn>i,button.ui-icon>i{transition:opacity .25s linear}.ui-icon-btn>i:hover,button.ui-icon>i:hover{opacity:.85}.ui-icon-btn>i:active,button.ui-icon>i:active{opacity:1}.ui-icon-xs{--ui-icon-size:var(--ui-icon-size-xs)}.ui-icon-sm{--ui-icon-size:var(--ui-icon-size-sm)}.ui-icon-md{--ui-icon-size:var(--ui-icon-size-md)}.ui-icon-lg{--ui-icon-size:var(--ui-icon-size-lg)}