/* [project]/node_modules/.pnpm/ldrs@1.1.9/node_modules/ldrs/dist/react/Cardio.css [app-client] (css) */
.container_67e921 {
  height: calc(var(--uib-size) * .625);
  width: var(--uib-size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.inner_d22de6 {
  height: calc(var(--uib-size) * .625);
  width: var(--uib-size);
  transform-origin: center;
  overflow: visible;
}

.car_31bdd5 {
  stroke: var(--uib-color);
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: travel_9c413c var(--uib-speed) ease-in-out infinite, fade_afd536 var(--uib-speed) ease-out infinite;
  will-change: stroke-dasharray, stroke-dashoffset;
  transition: stroke .5s;
}

.track_c27d9d {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--uib-color);
  opacity: var(--uib-bg-opacity);
}

@keyframes travel_9c413c {
  0% {
    stroke-dashoffset: 100px;
  }

  75% {
    stroke-dashoffset: 0;
  }
}

@keyframes fade_afd536 {
  0% {
    opacity: 0;
  }

  20%, 55% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* [project]/node_modules/.pnpm/ldrs@1.1.9/node_modules/ldrs/dist/react/Tailspin.css [app-client] (css) */
.container_2e2e0b {
  height: var(--uib-size);
  width: var(--uib-size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.inner_010d1a {
  --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));
  height: var(--uib-size);
  width: var(--uib-size);
  -webkit-mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
  -webkit-mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
  mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
  background-image: conic-gradient(transparent 25%, var(--uib-color));
  animation: spin_7e9500 calc(var(--uib-speed)) linear infinite;
  border-radius: 50%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

@keyframes spin_7e9500 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=12in_ldrs_dist_react_1vmsj7poe9x9o._.css.map*/