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