{"version":3,"sources":["circle/circle.scss","circle/_variables.scss"],"names":[],"mappings":"AAEA,gBAEE,oBAAA,CAEA,oDCDc,CDFd,iBAAA,CAIA,iBAAA,CAFA,kDAEA,CAEA,oBAKE,WAAA,CAFA,MAAA,CAFA,iBAAA,CACA,KAAA,CAEA,UACA,CAGF,uBACE,SAAA,CACA,8FCZkB,CDalB,oBAAA,CAGF,uBACE,mDChBkB,CDmBpB,sBAIE,6BAAA,CAAA,qBAAA,CAMA,+FAAA,CAHA,+DCtBoB,CDuBpB,sECxBsB,CDmBtB,MAAA,CAMA,qECvBsB,CDoBtB,4DCxBkB,CDmBlB,iBAAA,CACA,OAAA,CASA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CANA,UAMA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}circle {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: $circle-width;\r\n  height: $circle-height;\r\n  text-align: center;\r\n\r\n  svg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  &__hover {\r\n    fill: none;\r\n    stroke: $circle-hover-stroke;\r\n    stroke-linecap: round;\r\n  }\r\n\r\n  &__layer {\r\n    stroke: $circle-layer-stroke;\r\n  }\r\n\r\n  &__text {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    padding: $circle-text-padding;\r\n    font-size: $circle-text-font-size;\r\n    font-weight: $circle-text-font-weight;\r\n    line-height: $circle-text-line-height;\r\n    color: var(--circle-text-color, $circle-text-color);\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$circle-size: var(--circle-size, 100px * $hd);\r\n$circle-width: var(--circle-width, $circle-size);\r\n$circle-height: var(--circle-height, $circle-size);\r\n$circle-color: var(--circle-color, var(--primary-color, $primary-color));\r\n$circle-hover-stroke: var(--circle-hover-stroke, $circle-color);\r\n$circle-layer-stroke: var(--circle-layer-stroke, var(--white, $white));\r\n$circle-text-padding: var(--circle-text-padding, 0 var(--padding-base, $padding-base));\r\n$circle-text-color: var(--circle-text-color, var(--text-color, $text-color));\r\n$circle-text-font-weight: var(--circle-text-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$circle-text-font-size: var(--circle-text-font-size, var(--font-size-md, $font-size-md));\r\n$circle-text-line-height: var(--circle-text-line-height, var(--line-height-md, $line-height-md));\r\n"]}