:root{--rc-circle-size: 100px;--rc-circle-color: var(--rc-primary-color);--rc-circle-layer-color: var(--rc-white);--rc-circle-text-color: var(--rc-text-color);--rc-circle-text-font-weight: var(--rc-font-weight-bold);--rc-circle-text-font-size: var(--rc-font-size-md);--rc-circle-text-line-height: var(--rc-line-height-md)}.rc-circle{position:relative;display:inline-block;width:var(--rc-circle-size);height:var(--rc-circle-size);text-align:center}.rc-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.rc-circle__layer{stroke:var(--rc-circle-layer-color)}.rc-circle__hover{fill:none;stroke:var(--rc-circle-color);stroke-linecap:round}.rc-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 var(--rc-padding-base);color:var(--rc-circle-text-color);font-weight:var(--rc-circle-text-font-weight);font-size:var(--rc-circle-text-font-size);line-height:var(--rc-circle-text-line-height);-webkit-transform:translateY(-50%);transform:translateY(-50%)}