circle.svelte-rqpse0.svelte-rqpse0 {
  stroke: #dfe2e5;
  transition: stroke 1s ease
}

.icon-circle-container:hover circle.svelte-rqpse0.svelte-rqpse0 {
  stroke: #0065bd
}

path.svelte-rqpse0.svelte-rqpse0 {
  stroke: #0065bd
}

path.svelte-rqpse0.svelte-rqpse0:last-of-type {
  transition: .5s ease;
  transition-property: opacity, transform;
  transform-origin: center
}

.expansion-circle.svelte-rqpse0.svelte-rqpse0:where([data-variant="big"]) {
  width: calc(var(--custom-rem, 1rem) * 4.8)
}

.expansion-circle.svelte-rqpse0.svelte-rqpse0:where([data-variant="default"]) {
  width: calc(var(--custom-rem, 1rem) * 1.8)
}

.expansion-circle.svelte-rqpse0.svelte-rqpse0:where([data-variant="small-no-circle"]) {
  width: calc(var(--custom-rem, 1rem) * .8)
}

.expansion-circle[data-active=true].svelte-rqpse0 path.svelte-rqpse0:last-of-type {
  opacity: 0;
  transform: rotate(90deg)
}