.icon-img{--size:var(--iconsize);--padding:calc(var(--size) / 6);position:relative;width:calc(var(--size) + (var(--padding) * 2));height:calc(var(--size) + (var(--padding) * 2));border:1px solid var(--light);border-radius:50%;overflow:hidden}.icon-img > *{position:absolute;top:var(--padding) !important;right:var(--padding) !important;bottom:var(--padding) !important;left:var(--padding) !important;width:calc(100% - (var(--padding) * 2));height:calc(100% - (var(--padding) * 2));border-radius:50%}.icon-img > img{z-index:5;transition:all 0.3s linear}.icon-img > canvas{z-index:0}.icon-img > .overlay{z-index:10}.icon-img:hover .overlay{opacity:0}