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