:host,:root{--van-circle-size: 6.25rem;--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{-webkit-box-sizing:border-box;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%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}