/* Condy — restrained polish on top of the kit. Geometry stays theirs. */

html.cd-kit-active {
  --ease: cubic-bezier(.22, .61, .36, 1);
  --d-fast: 160ms;
  --d-base: 360ms;
  --d-slow: 560ms;
}

html.cd-kit-active .cd-h1 {
  letter-spacing: -.038em;
}

html.cd-kit-active .cd-btn {
  transition:
    transform var(--d-fast) var(--ease),
    background var(--d-fast) linear,
    border-color var(--d-fast) linear,
    box-shadow var(--d-fast) linear;
}

html.cd-kit-active .cd-btn:hover {
  transform: translate3d(0, -1.5px, 0);
}

html.cd-kit-active .cd-btn:active {
  transform: translate3d(0, 0, 0);
}

html.cd-kit-active .btn,
html.cd-kit-active .login,
html.cd-kit-active a.brand,
html.cd-kit-active .nav-links a {
  transition: color var(--d-fast) var(--ease), background var(--d-fast) linear, opacity var(--d-fast) linear;
}

html.cd-kit-active a:focus-visible,
html.cd-kit-active button:focus-visible,
html.cd-kit-active .btn:focus-visible,
html.cd-kit-active .cd-btn:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

html.cd-kit-active .cd-card {
  transition:
    transform var(--d-base) var(--ease),
    box-shadow var(--d-base) var(--ease),
    border-color var(--d-base) linear,
    background var(--d-base) linear;
}

html.cd-kit-active .cd-sum {
  transition: box-shadow var(--d-base) var(--ease), transform var(--d-slow) var(--ease);
}

html.cd-kit-active .cd-ticker {
  border-color: #eddece;
}

html.cd-kit-active .cd-tick-track {
  animation-timing-function: linear;
}

@media (max-width: 859px) {
  html.cd-kit-active .cd-card {
    box-shadow:
      0 1px 2px rgba(36, 26, 18, .05),
      0 18px 40px -20px rgba(156, 63, 19, .2);
  }

  html.cd-kit-active .cd-sum {
    box-shadow:
      0 1px 2px rgba(36, 26, 18, .04),
      0 20px 44px -22px rgba(87, 68, 29, .28);
  }
}

html.cd-kit-active .cd-facets {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

html.cd-kit-active .cd-facets svg {
  display: block;
  width: 100%;
  height: 100%;
}

html.cd-kit-active .cd-facets--hero {
  z-index: 0;
}

html.cd-kit-active .cd-facets--flow {
  z-index: 0;
  opacity: 0.9;
}

html.cd-kit-active .cd-col {
  position: relative;
  z-index: 1;
}

html.cd-kit-active .cd-facet-far,
html.cd-kit-active .cd-facet-mid,
html.cd-kit-active .cd-facet-near {
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform;
}

html.cd-kit-active .cd-hero-depth {
  position: relative;
  z-index: 1;
  will-change: transform;
}

html.cd-kit-active .cd-payoff-title,
html.cd-kit-active .cd-payoff-status,
html.cd-kit-active .cd-payoff-reward,
html.cd-kit-active .cd-payoff-ledger,
html.cd-kit-active .cd-payoff-bottom {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition:
    opacity 1.15s cubic-bezier(.16, 1, .3, 1),
    transform 1.15s cubic-bezier(.16, 1, .3, 1);
}

html.cd-kit-active.cd-complete .cd-payoff-title,
html.cd-kit-active.cd-complete .cd-payoff-status {
  opacity: 1;
  transform: none;
  transition-delay: 180ms;
}

html.cd-kit-active.cd-complete .cd-payoff-reward {
  opacity: 1;
  transform: none;
  transition-delay: 360ms;
}

html.cd-kit-active.cd-complete .cd-payoff-ledger {
  opacity: 1;
  transform: none;
  transition-delay: 520ms;
}

html.cd-kit-active.cd-complete .cd-payoff-bottom {
  opacity: 1;
  transform: none;
  transition-delay: 720ms;
}

html.cd-kit-active.cd-complete .cd-payoff-row {
  animation: cd-payoff-row-in 900ms cubic-bezier(.16, 1, .3, 1) both;
}

html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(1) { animation-delay: 640ms; }
html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(2) { animation-delay: 740ms; }
html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(3) { animation-delay: 840ms; }
html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(4) { animation-delay: 940ms; }
html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(5) { animation-delay: 1040ms; }
html.cd-kit-active.cd-complete .cd-payoff-row:nth-child(6) { animation-delay: 1140ms; }

@keyframes cd-payoff-row-in {
  from { opacity: 0; transform: translate3d(0, 8px, 0); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.cd-kit-active .cd-btn,
  html.cd-kit-active .cd-card,
  html.cd-kit-active .cd-sum,
  html.cd-kit-active .btn,
  html.cd-kit-active .login,
  html.cd-kit-active a.brand,
  html.cd-kit-active .nav-links a,
  html.cd-kit-active .cd-payoff,
  html.cd-kit-active .cd-payoff-title,
  html.cd-kit-active .cd-payoff-status,
  html.cd-kit-active .cd-payoff-reward,
  html.cd-kit-active .cd-payoff-ledger,
  html.cd-kit-active .cd-payoff-bottom,
  html.cd-kit-active .cd-flow-head {
    transition: none;
  }

  html.cd-kit-active .cd-btn:hover,
  html.cd-kit-active .cd-btn:active {
    transform: none;
  }

  html.cd-kit-active .cd-payoff,
  html.cd-kit-active .cd-hero-depth,
  html.cd-kit-active .cd-wash,
  html.cd-kit-active .cd-route,
  html.cd-kit-active .cd-facets,
  html.cd-kit-active .cd-road {
    transform: none !important;
  }

  html.cd-kit-active.cd-complete .cd-payoff-row {
    animation: none;
    opacity: 1;
    transform: none;
  }

  html.cd-kit-active.cd-complete .cd-payoff-title,
  html.cd-kit-active.cd-complete .cd-payoff-status,
  html.cd-kit-active.cd-complete .cd-payoff-reward,
  html.cd-kit-active.cd-complete .cd-payoff-ledger,
  html.cd-kit-active.cd-complete .cd-payoff-bottom {
    opacity: 1;
    transform: none;
  }
}