.iconcircle[data-v-7c54444c]{border:1px solid var(--palette-foreground);box-sizing:border-box;cursor:pointer;border-radius:50%;width:27px;height:27px;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.iconcircle--small[data-v-7c54444c]{width:24px;height:24px}.iconcircle__default[data-v-7c54444c],.iconcircle__hover[data-v-7c54444c]{box-sizing:border-box;transition:all .4s;position:absolute;top:50%;left:50%}.iconcircle__default[data-v-7c54444c]{opacity:1;left:50%}.iconcircle__default[data-v-7c54444c],.iconcircle__hover[data-v-7c54444c]{transform:translate(-50%,-50%)rotate(0)}.iconcircle__hover[data-v-7c54444c]{opacity:0;left:calc(50% - 10px)}.iconcircle__hover.iconcircle--rotate[data-v-7c54444c]{transform:translate(-50%,-50%)rotate(90deg)}.iconcircle--hoverable.iconcircle--hovering[data-v-7c54444c],.iconcircle--hoverable[data-v-7c54444c]:hover{background-color:var(--palette-foreground)}.iconcircle--hoverable.iconcircle--hovering .iconcircle__default[data-v-7c54444c],.iconcircle--hoverable:hover .iconcircle__default[data-v-7c54444c]{opacity:0;left:calc(50% + 10px);transform:translate(-50%,-50%)rotate(0)}.iconcircle--hoverable.iconcircle--hovering .iconcircle__default.iconcircle--rotate[data-v-7c54444c],.iconcircle--hoverable:hover .iconcircle__default.iconcircle--rotate[data-v-7c54444c]{transform:translate(-50%,-50%)rotate(90deg)}.iconcircle--hoverable.iconcircle--hovering .iconcircle__hover[data-v-7c54444c],.iconcircle--hoverable:hover .iconcircle__hover[data-v-7c54444c]{opacity:1;left:50%;transform:translate(-50%,-50%)rotate(0)}.iconcircle--rotate-hover .iconcircle__hover[data-v-7c54444c]{transform:translate(-50%,-50%)rotate(45deg)}.iconcircle--rotate-hover.iconcircle--hovering .iconcircle__hover[data-v-7c54444c],.iconcircle--rotate-hover:hover .iconcircle__hover[data-v-7c54444c]{transform:translate(-50%,-50%)rotate(-45deg)}.iconcircle--reverse .iconcircle__hover[data-v-7c54444c]{left:calc(50% + 10px)}.iconcircle--reverse.iconcircle--hovering .iconcircle__default[data-v-7c54444c],.iconcircle--reverse:hover .iconcircle__default[data-v-7c54444c]{left:calc(50% - 10px)}.iconcircle--palette-adaptive[data-v-7c54444c]{background-color:var(--palette-background);border-color:var(--palette-foreground);color:var(--palette-foreground)}.iconcircle--palette-adaptive[data-v-7c54444c] .utility-icon__svg{background-color:inherit;color:inherit}.iconcircle--palette-adaptive.iconcircle[data-v-7c54444c]:hover{background-color:var(--palette-background)}.iconcircle--palette-adaptive.iconcircle[data-v-7c54444c]:hover .utility-icon__svg{color:var(--parent-palette-highlight)}