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

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

path.svelte-1vhsk61 {
  fill: #0065bd
}

.pdf-circle.svelte-1vhsk61 {
  width: calc(var(--custom-rem, 1rem) * 4)
}

:where(svg.download-circle) {
  height: calc(var(--custom-rem, 1rem) * 1.8);
  width: calc(var(--custom-rem, 1rem) * 1.8);
  --download-dasharray: 54;
  --download-dasharray-inverse: -54;
  --circle-icon-color-default: #0065BD;
  --circle-icon-color-active: #0065BD;
  --circle-color-default: #DFE2E5;
  --circle-color-active: #0065BD
}

.download-circle.svelte-6aoayh.svelte-6aoayh {
  overflow: visible
}

.circle.svelte-6aoayh.svelte-6aoayh {
  transition: stroke 1s ease;
  stroke: var(--circle-color-default)
}

@media (hover: hover) and (pointer: fine) {
  svg.animated.svelte-6aoayh:hover>.circle.svelte-6aoayh, svg.animated[data-active=true].svelte-6aoayh>.circle.svelte-6aoayh, .icon-circle-container:hover svg.download-circle>.circle {
    stroke: var(--circle-color-active, var(--circle-color-default))
  }
}

.download.svelte-6aoayh.svelte-6aoayh {
  transition: stroke 1s ease;
  stroke: var(--circle-icon-color-default)
}

@media (hover: hover) and (pointer: fine) {
  svg.animated.svelte-6aoayh:hover>.download.svelte-6aoayh, svg.animated[data-active=true].svelte-6aoayh>.download.svelte-6aoayh, .icon-circle-container:hover svg.download-circle>.download {
    stroke: var(--circle-icon-color-active)
  }
}