/* [project]/workspace/src/components/heroes/shows-hero.module.css [client] (css) */
.js .shows-hero-module__EdkV4G__settle {
  opacity: 0;
  transition: opacity 2.2s var(--ease-out-soft) var(--delay, 0s),
        transform 2.8s var(--ease-out-soft) var(--delay, 0s);
  transform: translate3d(0, .9rem, 0);
}

.js .shows-hero-module__EdkV4G__heading.shows-hero-module__EdkV4G__settle {
  letter-spacing: .04em;
  transition: opacity 2.2s var(--ease-out-soft) var(--delay, 0s),
        transform 2.8s var(--ease-out-soft) var(--delay, 0s),
        letter-spacing 3.2s var(--ease-out-soft) var(--delay, 0s);
}

.js .shows-hero-module__EdkV4G__shown .shows-hero-module__EdkV4G__settle {
  opacity: 1;
  transform: none;
}

.js .shows-hero-module__EdkV4G__shown .shows-hero-module__EdkV4G__heading.shows-hero-module__EdkV4G__settle {
  letter-spacing: .004em;
}

.shows-hero-module__EdkV4G__card {
  position: relative;
  overflow: hidden;
}

.js .shows-hero-module__EdkV4G__card {
  transition: transform 2.2s var(--ease-out-soft) var(--delay, 0s);
  transform: translate3d(0, 1.75rem, 0);
}

.js .shows-hero-module__EdkV4G__card .shows-hero-module__EdkV4G__frame {
  clip-path: inset(100% 0 0);
  transition: clip-path 1.8s var(--ease-out-soft) var(--delay, 0s);
}

.js .shows-hero-module__EdkV4G__shown .shows-hero-module__EdkV4G__card {
  transform: none;
}

.js .shows-hero-module__EdkV4G__shown .shows-hero-module__EdkV4G__card .shows-hero-module__EdkV4G__frame {
  clip-path: inset(0);
}

.shows-hero-module__EdkV4G__sweep {
  z-index: 8;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  inset: 0;
  transform: translate3d(0, 100%, 0);
}

.shows-hero-module__EdkV4G__sweep:before {
  content: "";
  inset-inline: 0;
  background-color: var(--c-star);
  height: 1px;
  box-shadow: 0 0 10px 1px color-mix(in oklab, var(--c-brass) 75%, transparent),
        0 0 28px 4px color-mix(in oklab, var(--c-star) 22%, transparent);
  position: absolute;
  top: 0;
}

.shows-hero-module__EdkV4G__sweep:after {
  content: "";
  inset-inline: 0;
  background-image: linear-gradient(to bottom, color-mix(in oklab, var(--c-star) 20%, transparent), transparent);
  height: 45%;
  position: absolute;
  top: 0;
}

.js .shows-hero-module__EdkV4G__shown .shows-hero-module__EdkV4G__sweep {
  animation: shows-hero-module__EdkV4G__sweep 1.8s var(--ease-out-soft) var(--delay, 0s) both;
}

@keyframes shows-hero-module__EdkV4G__sweep {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  6% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}

.shows-hero-module__EdkV4G__instant .shows-hero-module__EdkV4G__settle, .shows-hero-module__EdkV4G__instant .shows-hero-module__EdkV4G__card, .shows-hero-module__EdkV4G__instant .shows-hero-module__EdkV4G__card .shows-hero-module__EdkV4G__frame {
  transition: none !important;
}

.shows-hero-module__EdkV4G__instant .shows-hero-module__EdkV4G__sweep {
  opacity: 0 !important;
  animation: none !important;
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__settle {
  opacity: 1 !important;
  clip-path: none !important;
  transition: none !important;
  transform: none !important;
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__card {
  opacity: 1 !important;
  clip-path: none !important;
  transition: none !important;
  transform: none !important;
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__card .shows-hero-module__EdkV4G__frame {
  opacity: 1 !important;
  clip-path: none !important;
  transition: none !important;
  transform: none !important;
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__heading.shows-hero-module__EdkV4G__settle {
  letter-spacing: .004em !important;
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__sweep {
  display: none;
}

.shows-hero-module__EdkV4G__shimmer {
  z-index: 2;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image: radial-gradient(circle at 8% 18%, var(--c-star) 0, transparent 1.4px),
        radial-gradient(circle at 17% 42%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 24% 12%, var(--c-star) 0, transparent 1.6px),
        radial-gradient(circle at 33% 58%, var(--c-star) 0, transparent 1.1px),
        radial-gradient(circle at 41% 27%, var(--c-star) 0, transparent 1.3px),
        radial-gradient(circle at 52% 9%, var(--c-star) 0, transparent 1.5px),
        radial-gradient(circle at 58% 46%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 66% 21%, var(--c-star) 0, transparent 1.4px),
        radial-gradient(circle at 74% 63%, var(--c-star) 0, transparent 1.1px),
        radial-gradient(circle at 81% 33%, var(--c-star) 0, transparent 1.6px),
        radial-gradient(circle at 89% 14%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 94% 51%, var(--c-star) 0, transparent 1.3px);
  animation: 7s ease-in-out infinite shows-hero-module__EdkV4G__shimmer;
  position: absolute;
  inset: 0 0 46%;
}

.shows-hero-module__EdkV4G__shimmerLate {
  background-image: radial-gradient(circle at 5% 36%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 13% 8%, var(--c-star) 0, transparent 1.5px),
        radial-gradient(circle at 21% 66%, var(--c-star) 0, transparent 1.1px),
        radial-gradient(circle at 29% 31%, var(--c-star) 0, transparent 1.4px),
        radial-gradient(circle at 37% 6%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 46% 40%, var(--c-star) 0, transparent 1.5px),
        radial-gradient(circle at 63% 7%, var(--c-star) 0, transparent 1.3px),
        radial-gradient(circle at 70% 39%, var(--c-star) 0, transparent 1.1px),
        radial-gradient(circle at 78% 17%, var(--c-star) 0, transparent 1.4px),
        radial-gradient(circle at 86% 47%, var(--c-star) 0, transparent 1.2px),
        radial-gradient(circle at 97% 26%, var(--c-star) 0, transparent 1.5px);
  animation-duration: 9.5s;
  animation-delay: -4s;
}

@keyframes shows-hero-module__EdkV4G__shimmer {
  0%, 100% {
    opacity: .2;
  }

  50% {
    opacity: .85;
  }
}

html[data-motion="reduced"] .shows-hero-module__EdkV4G__shimmer {
  opacity: .6;
  animation: none;
}

/*# sourceMappingURL=workspace_src_components_heroes_shows-hero_module_0.js9pt.css.map*/