.project-card.svelte-1r5muzv.svelte-1r5muzv {
  position: relative;
  display: flex;
  aspect-ratio: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: var(--spacing-large);
  border: 1px solid var(--light-hover-color);
  border-radius: var(--border-radius-larger);
  text-decoration: none;
  overflow: hidden;
  background-color: transparent;
  transition: var(--transition-duration) background-color;
}
.project-card.svelte-1r5muzv.svelte-1r5muzv:not(.image-bg):hover {
  background-color: #f4f4f4;
}
.project-card.image-bg.svelte-1r5muzv.svelte-1r5muzv {
  border-width: 0;
}
.project-card__tags.svelte-1r5muzv.svelte-1r5muzv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: auto;
  gap: var(--spacing-normal);
  z-index: 2;
}
.project-card__tag.svelte-1r5muzv.svelte-1r5muzv {
  display: block;
  padding: var(--spacing-small) var(--spacing-normal);
  border-radius: var(--border-radius);
  background-color: var(--theme-bg-hover-color);
  font-size: var(--font-size-small-2);
  font-weight: 400;
  line-height: 1.5;
  color: var(--theme-text-color);
}
.project-card.image-bg.svelte-1r5muzv .project-card__tag.svelte-1r5muzv {
  background-color: var(--light-color);
  color: var(--dark-color);
}
.project-card.image-bg.svelte-1r5muzv.svelte-1r5muzv {
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.project-card__info.svelte-1r5muzv.svelte-1r5muzv {
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.project-card__title.svelte-1r5muzv.svelte-1r5muzv {
  margin-bottom: var(--spacing-tiny);
  color: var(--theme-text-color);
  font-size: var(--font-size-h2);
  font-weight: 700;
  line-height: 1.3;
}
.project-card__description.svelte-1r5muzv.svelte-1r5muzv {
  color: var(--theme-text-color);
  font-size: var(--font-size-regular);
  font-weight: 400;
  line-height: 1.5;
  opacity: 0.7;
}
.project-card.image-bg.svelte-1r5muzv .project-card__title.svelte-1r5muzv,
.project-card.image-bg.svelte-1r5muzv
  .project-card__description.svelte-1r5muzv {
  color: var(--light-color);
}
.gradients.svelte-1r5muzv.svelte-1r5muzv {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
  backdrop-filter: brightness(1);
  transition: var(--transition-duration) backdrop-filter;
}
.project-card.image-bg.svelte-1r5muzv:hover .gradients.svelte-1r5muzv {
  backdrop-filter: brightness(0.8);
}
.carousel-controls.svelte-1r5muzv.svelte-1r5muzv {
  width: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-small);
  margin-left: calc(var(--spacing-large) * -1);
  margin-right: calc(var(--spacing-large) * -1);
  margin-bottom: calc(var(--spacing-large) * -1);
  margin-top: var(--spacing-medium);
  padding-left: var(--spacing-large);
  padding-bottom: var(--spacing-medium);
  z-index: 2;
}
.carousel-slide.svelte-1r5muzv.svelte-1r5muzv {
  pointer-events: fill;
  cursor: pointer;
  width: 42px;
  height: 6px;
  border-radius: 4px;
  background-color: var(--light-color);
  border: none;
  outline: none;
  opacity: 0.25;
  transition: var(--transition-duration) opacity;
}
.carousel-slide.svelte-1r5muzv.svelte-1r5muzv:not(.active):hover {
  opacity: 0.7;
}
.carousel-slide.active.svelte-1r5muzv.svelte-1r5muzv {
  opacity: 1;
}
@media (max-width: 500px) and (min-width: 401px) {
  .project-card.svelte-1r5muzv.svelte-1r5muzv {
    padding: var(--spacing-medium);
  }
  .project-card__tags.svelte-1r5muzv.svelte-1r5muzv {
    gap: var(--spacing-normal);
  }
  .project-card__tag.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-small-2);
    padding: var(--spacing-small) var(--spacing-normal);
  }
  .project-card__title.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-h2);
  }
  .project-card__description.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-small-1);
  }
}
@media (max-width: 400px) {
  .project-card.svelte-1r5muzv.svelte-1r5muzv {
    padding: var(--spacing-normal);
  }
  .project-card__tags.svelte-1r5muzv.svelte-1r5muzv {
    gap: var(--spacing-small);
  }
  .project-card__tag.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-small-1);
    padding: var(--spacing-tiny) var(--spacing-small);
  }
  .project-card__title.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-h3);
  }
  .project-card__description.svelte-1r5muzv.svelte-1r5muzv {
    font-size: var(--font-size-small-1);
  }
}