/* [project]/src/components/ui/molecules/categories/navigation.css [app-client] (css) */
.dw-animated-theme-toggle__placeholder {
  width: var(--space-5);
  height: var(--space-5);
}

.dw-link-card {
  border-radius: var(--radius-panel);
  border: var(--border-width) var(--border-style-solid) color-mix(in oklch, var(--border) var(--mix-light), transparent);
  background-color: color-mix(in oklch, var(--muted) var(--mix-faint), transparent);
  cursor: var(--cursor-interactive);
  transition: color var(--duration-base), background-color var(--duration-base), border-color var(--duration-base);
  outline: none;
  display: block;
  overflow: hidden;
}

.dw-link-card:hover {
  border-color: color-mix(in oklch, var(--border) var(--mix-medium), transparent);
  background-color: color-mix(in oklch, var(--muted) var(--mix-faint), transparent);
}

.dw-link-card:focus-visible {
  box-shadow: var(--ring-focus);
}

@media (prefers-reduced-motion: reduce) {
  .dw-link-card {
    transition: none;
  }
}

.dw-link-card__inner {
  padding-block: var(--space-5);
  padding-inline: var(--space-5);
}

.dw-link-card__lockup {
  align-items: center;
  gap: var(--space-3);
  margin-block-end: var(--space-3);
  display: flex;
}

.dw-link-card__icon {
  width: var(--size-icon);
  height: var(--size-icon);
  color: var(--muted-foreground);
}

.dw-link-card__title {
  font: var(--text-strong);
  color: var(--foreground);
}

.dw-link-card__description {
  font: var(--text-body);
  color: var(--muted-foreground);
}

.dw-link-card-grid {
  gap: var(--space-4);
  margin-block: var(--space-8) var(--space-0);
  grid-template-columns: 1fr;
  display: grid;
}

@media (min-width: 768px) {
  .dw-link-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .dw-link-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dw-pager-dots {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  container: pager-dots / inline-size;
}

.dw-pager-dots__dot {
  inline-size: var(--space-6);
  block-size: var(--space-6);
}

.dw-pager-dots__dot:hover, .dw-pager-dots__dot:focus-visible {
  --dw-pager-dot-hover: var(--muted-foreground);
}

.dw-pager-dots__mark {
  inline-size: var(--space-2);
  block-size: var(--space-2);
  border-radius: var(--radius-full);
  background-color: var(--dw-pager-dot-hover, var(--border));
  transition: background-color var(--duration-base);
}

.dw-pager-dots__mark[data-state="in-view"] {
  background-color: var(--muted-foreground);
}

.dw-pager-dots__mark[data-state="current"] {
  inline-size: var(--space-2_5);
  block-size: var(--space-2_5);
  background-color: var(--foreground);
}

@container pager-dots not (min-width: 36rem) {
  .dw-pager-dots__dot {
    inline-size: var(--space-2_5);
  }

  .dw-pager-dots__mark {
    inline-size: var(--space-1_5);
    block-size: var(--space-1_5);
  }

  .dw-pager-dots__mark[data-state="current"] {
    inline-size: var(--space-2);
    block-size: var(--space-2);
  }
}

/*# sourceMappingURL=2gv_enldzv6u6.css.map*/