.root {
  @apply relative w-full overflow-hidden max-w-700;
}

.collectible {
  @apply relative w-full h-full overflow-hidden rounded-lg max-w-700;
  @apply scale-90 transition-transform duration-500;
}
.flipped .collectible {
  @apply scale-100;
}

.column {
  @apply w-full;
}

.mediaWrapper {
  @apply p-2 rounded-lg border-1 relative aspect-1 overflow-hidden;
}

.image {
  @apply object-contain rounded-lg;
}

.noMedia {
  @apply flex items-center justify-center w-full h-full;
}
.noMediaIcon {
  @apply w-8 h-8;
}

.callout {
  @apply underline uppercase;
}

.calloutWrapper {
  @apply w-full p-2 text-xs text-center text-white line-clamp-2;
}

.informationWrapper {
  @apply text-center text-base-textPrimary;
}

.information {
  @apply flex flex-col items-center justify-center pt-1 pb-6;
}

.title {
  @apply mt-2 text-lg text-white font-semibold;
}

.packTitle {
  @apply mt-1 text-base text-[#747F8F];
}

/* Placeholder styles */

.placeholderWrapper {
  @apply absolute top-0 w-full h-full overflow-hidden border-2 rounded-lg opacity-100 transition-opacity;
}
.fadeable {
  @apply duration-500 delay-1000;
}
.clickable {
  @apply duration-500;
  transform-style: preserve-3d;
}
.flipped .clickable {
  @apply pointer-events-none opacity-0;
}
.openButton {
  @apply absolute z-10 mx-auto transform -translate-x-1/2 bottom-6 left-1/2;
}
