.tia-plc__media--scaling > .tia-plc__img,
.tia-plf.tia-plf--hero > .tia-plf__media,
.tia-hero-blend-backdrop > * {
  filter: none !important;
}

.tia-plf.is-fw-hero-hold-charging .tia-plf__media.tia-plf__media--color-reveal {
  opacity: 1 !important;
  clip-path: circle(
    var(--fw-hero-hold-radius, clamp(110px, 13vw, 220px))
    at var(--fw-hero-hold-x, 50%) var(--fw-hero-hold-y, 50%)
  );
}

.tia-plf.is-fw-hero-hold-impulse .tia-plf__media.tia-plf__media--color-reveal {
  transition:
    opacity .12s cubic-bezier(.22, 1, .36, 1),
    clip-path
      var(--fw-hero-impulse-duration, .68s)
      var(--fw-hero-impulse-ease, cubic-bezier(.22, .72, .22, 1));
}

.tia-plf.is-fw-hero-reveal-expanded .tia-plf__media.tia-plf__media--color-reveal {
  opacity: 1 !important;
  clip-path: circle(
    var(--fw-hero-hold-fill-radius, 150vmax)
    at var(--fw-hero-hold-x, 50%) var(--fw-hero-hold-y, 50%)
  );
}

.fw-hero-hold-ring {
  --fw-hero-hold-progress: 0;
  --fw-hero-hold-orbit-radius: clamp(110px, 13vw, 220px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 0;
  height: 0;
  opacity: var(--fw-hero-hold-progress);
  pointer-events: none;
  mix-blend-mode: difference;
  transition: opacity .16s ease-out;
  will-change: left, top, opacity;
}

.fw-hero-hold-orbit {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  transform-origin: 0 0;
  will-change: transform;
}

.fw-hero-hold-tick {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 7px;
  background: #fff;
  opacity: .72;
  transform:
    rotate(var(--fw-hero-hold-tick-angle))
    translateY(calc(-1 * var(--fw-hero-hold-orbit-radius)))
    translate3d(-50%, -50%, 0);
  transform-origin: 50% 50%;
}

.fw-hero-hold-ring.is-fw-hero-hold-active {
  transition: none;
}

.fw-hero-hold-ring.is-fw-hero-hold-active .fw-hero-hold-orbit {
  animation: fw-hero-hold-spin 1.35s linear infinite;
}

.fw-hero-hold-ring.is-fw-hero-hold-committing .fw-hero-hold-tick,
.fw-hero-hold-ring.is-fw-hero-hold-returning .fw-hero-hold-tick {
  transition:
    transform
      var(--fw-hero-impulse-duration, .68s)
      var(--fw-hero-impulse-ease, cubic-bezier(.22, .72, .22, 1));
}

.fw-hero-hold-ring.is-fw-hero-hold-committing,
.fw-hero-hold-ring.is-fw-hero-hold-returning {
  transition: opacity var(--fw-hero-impulse-duration, .68s) ease-out;
}

.tia-plf.is-fw-hero-reveal-expanded > .fw-hero-hold-ring:not(.is-fw-hero-hold-active) {
  opacity: 0 !important;
  transition: none;
}

.fw-hero-hold-label {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: clamp(18px, 1.45vw, 26px);
  color: #fff;
  font-size: clamp(9px, .68vw, 11px);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .78;
  pointer-events: none;
  transform: translate3d(0, calc(-100% - 9px), 0);
  transition: opacity .14s ease-out;
}

.fw-hero-hold-ring.is-fw-hero-hold-committing .fw-hero-hold-label,
.fw-hero-hold-ring.is-fw-hero-hold-returning .fw-hero-hold-label {
  opacity: 0;
}

@keyframes fw-hero-hold-spin {
  to { transform: rotate(360deg); }
}

