/* [project]/src/components/ui/atoms/categories/loading.css [app-client] (css) */
.dw-shimmer {
  color: #0000;
  filter: saturate(var(--filter-saturate-boost));
  --bg: linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--foreground), transparent calc(50% + var(--spread)));
  background-repeat: no-repeat;
  background-size: 250% 100%, auto;
  background-clip: text;
  display: inline-block;
  position: relative;
}

.dw-spinner {
  height: var(--size-icon-lg);
  width: var(--size-icon-lg);
  animation: dw-spin var(--duration-loop) var(--ease-linear) infinite;
}

.dw-spinner[data-size="xs"] {
  height: var(--size-icon-sm);
  width: var(--size-icon-sm);
}

.dw-spinner[data-size="sm"] {
  height: var(--size-icon);
  width: var(--size-icon);
}

.dw-spinner[data-size="md"] {
  height: var(--size-icon-lg);
  width: var(--size-icon-lg);
}

.dw-spinner[data-size="lg"] {
  height: var(--size-icon-xl);
  width: var(--size-icon-xl);
}

@media (prefers-reduced-motion: reduce) {
  .dw-spinner {
    animation: none;
  }
}

/*# sourceMappingURL=227qbv2q2afox.css.map*/