.grid-container[data-v-19abcb78] {
	--size: calc(var(--container-width) / var(--columns));
	display: grid;
	grid-template-columns: repeat(var(--columns), var(--size));
	grid-template-rows: repeat(var(--rows), var(--size));
}

.flip-card[data-v-74ef457a] {
    background-color: transparent;
    perspective: 1000px;
}
.flip-card-inner[data-v-74ef457a] {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner[data-v-74ef457a] {
    transform: rotateY(180deg);
}
.flip-card-front[data-v-74ef457a],
.flip-card-back[data-v-74ef457a] {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-card-front[data-v-74ef457a] {
    background-color: #bbb;
    color: black;
}
.flip-card-back[data-v-74ef457a] {
    transform: rotateY(180deg);
}
/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
[data-v-672237b7],[data-v-672237b7]:before,[data-v-672237b7]:after,[data-v-672237b7]::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
}
}
}
.highlighted[data-v-672237b7] {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-accent-highlight, #07ab51);
}
.species_card[data-v-672237b7] {
  margin-bottom: calc(var(--spacing, .25rem) * 3.5);
  border-bottom-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-accent-light, #4fc584);
  padding-bottom: calc(var(--spacing, .25rem) * 3.5);
  flex-direction: column;
  display: flex;
}
.species_card[data-v-672237b7]:last-of-type {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  border-bottom-style: var(--tw-border-style);
  padding-bottom: calc(var(--spacing, .25rem) * 0);
  border-bottom-width: 0;
}
.species_card .title[data-v-672237b7] {
  margin-bottom: calc(var(--spacing, .25rem) * 2.5);
  font-size: var(--text-fluid-3xl, clamp(1.875rem, .6vw + .5rem, 2.25rem));
  --tw-leading: calc(var(--spacing, .25rem) * 6);
  line-height: calc(var(--spacing, .25rem) * 6);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-accent-highlight, #07ab51);
}
.species_card .content[data-v-672237b7] {
  font-size: var(--text-fluid-sm, clamp(.875rem, .6vw + .5rem, 1rem));
  flex-direction: column;
  display: flex;
}
.species_card .content .volume[data-v-672237b7] {
  margin-bottom: calc(var(--spacing, .25rem) * 2.5);
  flex-direction: column;
  display: flex;
}
.species_card .content .features[data-v-672237b7] {
  margin-bottom: calc(var(--spacing, .25rem) * 2.5);
  column-gap: calc(var(--spacing, .25rem) * .5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}
.species_card .content .links[data-v-672237b7] {
  margin-top: calc(var(--spacing, .25rem) * 2.5);
  gap: calc(var(--spacing, .25rem) * 2.5);
  border-top-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-top-width: 1px;
  border-color: var(--color-accent-light, #4fc584);
  padding-top: calc(var(--spacing, .25rem) * 2.5);
  display: flex;
}
.species_card .content .links a[data-v-672237b7] {
  margin-bottom: calc(var(--spacing, .25rem) * 0);
  cursor: pointer;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}