/* Coffer Hall: keep the same sheen artwork, skew, timing and opacity. Moving
   a pseudo-element with translate does not relayout the coffer every frame.
   Percentages are relative to the sheen itself: 158 / 34 and 156 / 24. */
@supports (translate: 1px) {
  .view-shop .mhytic-coffer-seal-sheen::before {
    left: -46% !important;
    animation-name: bryerHallMythicSheen !important;
  }
  .view-shop .limited-time-stamp.limited-time-hall::after {
    left: -38% !important;
    animation-name: bryerHallLimitedSheen !important;
  }

  @keyframes bryerHallMythicSheen {
    0%, 56% { translate: 0 0; opacity: 0; }
    62% { opacity: .42; }
    78% { translate: 464.705882353% 0; opacity: .72; }
    86%, 100% { translate: 464.705882353% 0; opacity: 0; }
  }
  @keyframes bryerHallLimitedSheen {
    0%, 68% { translate: 0 0; opacity: 0; }
    73% { opacity: .72; }
    88% { translate: 650% 0; opacity: .18; }
    100% { translate: 650% 0; opacity: 0; }
  }
}