/* [project]/workspace/src/components/heroes/membership-hero.module.css [client] (css) */
.membership-hero-module__E5TUuW__stage {
  position: absolute;
  inset: 0;
}

.membership-hero-module__E5TUuW__layout {
  flex-direction: column;
  padding-top: 6.75rem;
  padding-bottom: 4.5rem;
  display: flex;
  position: absolute;
  inset: 0;
}

@media (min-width: 64rem) {
  .membership-hero-module__E5TUuW__layout {
    padding-top: 7.5rem;
  }
}

@media (max-height: 34rem) {
  .membership-hero-module__E5TUuW__layout {
    padding-top: 6rem;
    padding-bottom: 3.5rem;
  }
}

.membership-hero-module__E5TUuW__heading {
  flex: none;
}

@media (max-width: 39.99rem) and (max-height: 44rem) {
  .membership-hero-module__E5TUuW__intro {
    display: none;
  }
}

@media (max-height: 34rem) {
  .membership-hero-module__E5TUuW__intro, .membership-hero-module__E5TUuW__summary {
    display: none;
  }
}

.membership-hero-module__E5TUuW__tiersArea {
  flex: auto;
  align-items: center;
  min-height: 0;
  padding-top: 1.25rem;
  display: flex;
}

.membership-hero-module__E5TUuW__tiers {
  row-gap: .75rem;
  width: 100%;
  max-width: 24rem;
  margin-inline: auto;
  display: grid;
}

@media (min-width: 40rem) {
  .membership-hero-module__E5TUuW__tiers {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.5rem;
    max-width: 64rem;
  }
}

@media (min-width: 64rem) {
  .membership-hero-module__E5TUuW__tiers {
    column-gap: 3rem;
  }
}

.membership-hero-module__E5TUuW__button {
  text-align: left;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

@media (min-width: 40rem) {
  .membership-hero-module__E5TUuW__button {
    text-align: center;
    flex-direction: column;
  }
}

.membership-hero-module__E5TUuW__box {
  --base: min(6.75rem, 14svh);
  width: var(--base);
  height: var(--base);
  flex: none;
  place-items: center;
  display: grid;
}

@media (min-width: 40rem) {
  .membership-hero-module__E5TUuW__box {
    --base: min(11rem, 24svh);
  }
}

@media (min-width: 64rem) {
  .membership-hero-module__E5TUuW__box {
    --base: min(16.5rem, 28svh);
  }
}

@media (min-width: 40rem) and (max-height: 44rem) {
  .membership-hero-module__E5TUuW__box {
    --base: min(16.5rem, 22svh);
  }
}

@media (max-height: 34rem) {
  .membership-hero-module__E5TUuW__tiersArea {
    padding-top: .5rem;
  }

  .membership-hero-module__E5TUuW__button {
    gap: .75rem;
  }
}

@media (max-width: 39.99rem) and (max-height: 37.5rem) {
  .membership-hero-module__E5TUuW__summary {
    display: none;
  }
}

.membership-hero-module__E5TUuW__mover {
  width: calc(var(--s, 1) * 100%);
  height: calc(var(--s, 1) * 100%);
  display: block;
}

.membership-hero-module__E5TUuW__labels {
  min-width: 0;
  display: block;
}

.membership-hero-module__E5TUuW__ring {
  --k: 1;
}

.membership-hero-module__E5TUuW__line {
  fill: none;
  stroke-width: calc(var(--k) * 1px);
}

.membership-hero-module__E5TUuW__main {
  transition: stroke .6s;
}

.membership-hero-module__E5TUuW__button:hover .membership-hero-module__E5TUuW__main, .membership-hero-module__E5TUuW__button:focus-visible .membership-hero-module__E5TUuW__main {
  stroke: var(--c-brass);
}

.membership-hero-module__E5TUuW__plate {
  font-family: var(--font-app-mono, ui-monospace, monospace);
  font-size: calc(var(--k) * 9px);
  letter-spacing: .2em;
  dominant-baseline: central;
}

@media (max-width: 39.99rem) {
  .membership-hero-module__E5TUuW__plate {
    display: none;
  }
}

.membership-hero-module__E5TUuW__orbit {
  transform: rotate(var(--a0, 0deg));
  transform-box: view-box;
  transform-origin: 50%;
}

.membership-hero-module__E5TUuW__starBody {
  transform: scale(clamp(.9, calc(var(--k) * .85), 2.2));
  transform-box: fill-box;
  transform-origin: center;
}

.membership-hero-module__E5TUuW__glow {
  opacity: .2;
  transform-box: fill-box;
  transform-origin: center;
}

.membership-hero-module__E5TUuW__core {
  transform-box: fill-box;
  transform-origin: center;
}

.membership-hero-module__E5TUuW__draw {
  stroke-dasharray: 1 1;
}

html.js:not([data-motion="reduced"]) .membership-hero-module__E5TUuW__idle .membership-hero-module__E5TUuW__draw {
  stroke-dashoffset: 1px;
}

:is(html.js:not([data-motion="reduced"]) .membership-hero-module__E5TUuW__idle .membership-hero-module__E5TUuW__fade, html.js:not([data-motion="reduced"]) .membership-hero-module__E5TUuW__idle .membership-hero-module__E5TUuW__rise, html.js:not([data-motion="reduced"]) .membership-hero-module__E5TUuW__idle .membership-hero-module__E5TUuW__core, html.js:not([data-motion="reduced"]) .membership-hero-module__E5TUuW__idle .membership-hero-module__E5TUuW__glow) {
  opacity: 0;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__draw {
  animation: membership-hero-module__E5TUuW__membership-draw var(--dur, 1.8s) var(--ease-in-out-soft) var(--d, 0s) both;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__fade {
  animation: membership-hero-module__E5TUuW__membership-fade var(--dur, 1.2s) ease var(--d, 0s) both;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__rise {
  animation: membership-hero-module__E5TUuW__membership-rise 1.6s var(--ease-out-soft) var(--d, 0s) both;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__core {
  animation: membership-hero-module__E5TUuW__membership-light 1s var(--ease-out-soft) var(--d, 0s) both;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__glow {
  animation: membership-hero-module__E5TUuW__membership-pulse 1.9s var(--ease-out-soft) var(--d, 0s) both;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__mover {
  animation: 5.8s linear both membership-hero-module__E5TUuW__membership-separate;
}

.membership-hero-module__E5TUuW__playing .membership-hero-module__E5TUuW__orbit, .membership-hero-module__E5TUuW__still .membership-hero-module__E5TUuW__orbit {
  animation: membership-hero-module__E5TUuW__membership-orbit var(--period, 90s) linear infinite;
}

.membership-hero-module__E5TUuW__stage[data-paused] * {
  animation-play-state: paused !important;
}

html[data-motion="reduced"] .membership-hero-module__E5TUuW__stage * {
  animation: none !important;
}

@keyframes membership-hero-module__E5TUuW__membership-draw {
  from {
    stroke-dashoffset: 1px;
  }
}

@keyframes membership-hero-module__E5TUuW__membership-fade {
  from {
    opacity: 0;
  }
}

@keyframes membership-hero-module__E5TUuW__membership-rise {
  from {
    opacity: 0;
    transform: translate3d(0, .75rem, 0);
  }
}

@keyframes membership-hero-module__E5TUuW__membership-light {
  from {
    opacity: 0;
    transform: scale(.2);
  }
}

@keyframes membership-hero-module__E5TUuW__membership-pulse {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  35% {
    opacity: .8;
    transform: scale(1.8);
  }
}

@keyframes membership-hero-module__E5TUuW__membership-separate {
  0%, 40% {
    transform: translate3d(var(--dx, 0px), var(--dy, 0px), 0);
    animation-timing-function: cubic-bezier(.65, 0, .35, 1);
  }

  100% {
    transform: none;
  }
}

@keyframes membership-hero-module__E5TUuW__membership-orbit {
  from {
    transform: rotate(var(--a0, 0deg));
  }

  to {
    transform: rotate(calc(var(--a0, 0deg) - 360deg));
  }
}

/*# sourceMappingURL=workspace_src_components_heroes_membership-hero_module_0i42m44.css.map*/