.uc-fx {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
}
.uc-fx::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .25s ease;
  background:
    radial-gradient(
      130px 130px at var(--mx, 50%) var(--my, 40%),
      rgba(255, 236, 200, .13),
      rgba(255, 236, 200, 0) 70%);
}
.case-card.uc-par .uc-fx::before {
  opacity: 1;
}
.uc-fx > i {
  position: absolute;
  top: -10%;
  bottom: -10%;
  left: 0;
  width: 34%;
  opacity: 0;
  transform: translateX(-170%) skewX(-18deg);
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, .14) 42%,
      rgba(255, 243, 196, .30) 50%,
      rgba(255, 255, 255, .14) 58%,
      rgba(255, 255, 255, 0));
}
.uc-fx.go > i {
  animation: uc-glint 1.4s cubic-bezier(.45, 0, .25, 1) 1 both;
}
@keyframes uc-glint {
  0% {
    opacity: 0;
    transform: translateX(-170%) skewX(-18deg);
  }
  14% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(430%) skewX(-18deg);
  }
}
@media (hover: hover) and (pointer: fine) {
  #casesGrid .case-card > .case-visual img.case-image {
    translate: calc(var(--px, 0) * 6px) calc(var(--py, 0) * 5px);
    transition: translate .28s ease-out;
  }
  #casesGrid .case-card:not(.uc-par) > .case-visual img.case-image {
    transition-duration: .45s;
  }
}
.view.active-view {
  animation: uc-view-in .28s cubic-bezier(.22, 1, .36, 1) 1;
}
@keyframes uc-view-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
#headerBalance,
#profileBalance,
#casePrice {
  font-variant-numeric: tabular-nums;
}
#headerBalance,
#profileBalance {
  display: inline-block;
  transition: color .5s ease;
}
#headerBalance.uc-up,
#profileBalance.uc-up {
  color: #6EE787 !important;
}
#headerBalance.uc-down,
#profileBalance.uc-down {
  color: #FF8A8A !important;
}
#headerBalance.uc-bump,
#profileBalance.uc-bump {
  animation: uc-bump .4s cubic-bezier(.22, 1, .36, 1) 1;
}
@keyframes uc-bump {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.live-card-best,
#homeLiveFeedBestMobile {
  isolation: isolate;
}
.uc-tlight {
  position: absolute;
  left: -6%;
  top: -30%;
  width: 58%;
  height: 160%;
  z-index: -1;
  pointer-events: none;
  opacity: .5;
  background:
    radial-gradient(
      closest-side,
      rgba(255, 214, 120, .30),
      rgba(255, 214, 120, 0) 100%);
}
.uc-tlight.is-in {
  animation: uc-breathe 5s ease-in-out infinite alternate;
}
@keyframes uc-breathe {
  from {
    opacity: .35;
  }
  to {
    opacity: .8;
  }
}
html.uc-lite .view.active-view,
html.tc-still .view.active-view {
  animation: none;
}
html.uc-lite .uc-tlight {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .view.active-view,
  .uc-fx.go > i,
  .uc-tlight.is-in,
  #headerBalance.uc-bump,
  #profileBalance.uc-bump {
    animation: none !important;
  }
  #casesGrid .case-card > .case-visual img.case-image {
    translate: none !important;
  }
}