html.performance-mode *,
html.performance-mode *::before,
html.performance-mode *::after {
  animation: none !important;
  transition-property: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  scroll-behavior: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  will-change: auto !important;
}

html.performance-mode * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

html.performance-mode .card-glow,
html.performance-mode .card-glow-bg,
html.performance-mode .details-overlay::after,
html.performance-mode .progress-bar-fill::after,
html.performance-mode .focus-visible::after,
html.performance-mode .focus-visible::before,
html.performance-mode :focus-visible::after,
html.performance-mode :focus-visible::before {
  display: none !important;
  content: none !important;
}

html.performance-mode .focus-visible,
html.performance-mode :focus-visible,
html.performance-mode .focusable:focus,
html.performance-mode .nav-item:focus,
html.performance-mode .list-item:focus,
html.performance-mode .settings-nav-item:focus,
html.performance-mode .player-btn:focus,
html.performance-mode .settings-item:focus,
html.performance-mode .pin-btn:focus,
html.performance-mode .search-result-item:focus,
html.performance-mode .action-btn:focus,
html.performance-mode .season-item:focus,
html.performance-mode .episode-card:focus {
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-color: rgba(76, 201, 240, 0.9) !important;
  background-color: rgba(76, 201, 240, 0.14) !important;
  z-index: 5 !important;
}

html.performance-mode .nav-item.focus-visible,
html.performance-mode .icon-circle.focus-visible,
html.performance-mode .btn-round.focus-visible,
html.performance-mode .header-search.focus-visible,
html.performance-mode .header-voice.focus-visible,
html.performance-mode .list-item.focus-visible,
html.performance-mode .settings-nav-item.focus-visible,
html.performance-mode .dash-icon-circle.focus-visible,
html.performance-mode .dash-search-container.focus-visible,
html.performance-mode .search-result-item.focus-visible,
html.performance-mode .pin-btn.focus-visible,
html.performance-mode .season-item.focus-visible,
html.performance-mode .episode-card.focus-visible,
html.performance-mode .action-btn.focus-visible,
html.performance-mode .player-btn.focus-visible,
html.performance-mode .settings-item.focus-visible,
html.performance-mode .top-bar .focus-visible,
html.performance-mode .top-bar .nav-item.focus-visible {
  background: rgba(76, 201, 240, 0.14) !important;
  background-color: rgba(76, 201, 240, 0.14) !important;
  color: #eaf7fb !important;
  border-color: rgba(76, 201, 240, 0.9) !important;
  box-shadow: none !important;
  transform: none !important;
}

html.performance-mode .icon-circle.focus-visible,
html.performance-mode .btn-round.focus-visible,
html.performance-mode .header-search.focus-visible,
html.performance-mode .header-voice.focus-visible,
html.performance-mode .dash-icon-circle.focus-visible {
  border-radius: 50% !important;
}

html.performance-mode .top-bar .nav-item.focus-visible,
html.performance-mode .top-bar .focus-visible {
  color: #eaf7fb !important;
}

html.performance-mode .nav-item.focus-visible i,
html.performance-mode .header-search.focus-visible i,
html.performance-mode .header-voice.focus-visible i,
html.performance-mode .dash-icon-circle.focus-visible i,
html.performance-mode .top-bar .nav-item.focus-visible i {
  color: #eaf7fb !important;
}

html.performance-mode .dash-card.focus-visible,
html.performance-mode .dash-card:focus,
html.performance-mode .vod-card.focus-visible,
html.performance-mode .vod-card:focus,
html.performance-mode .related-card.focus-visible,
html.performance-mode .related-card:focus,
html.performance-mode .actor-card.focus-visible,
html.performance-mode .actor-card:focus,
html.performance-mode .mini-player-container.focus-visible,
html.performance-mode .mini-player-container:focus,
html.performance-mode .details-player-container.focus-visible,
html.performance-mode .details-player-container:focus {
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  border: 2px solid rgba(76, 201, 240, 0.9) !important;
  z-index: 5 !important;
}

html.performance-mode .dash-card[data-target="live-tv"]:focus,
html.performance-mode .dash-card[data-target="live-tv"].focus-visible,
html.performance-mode .dash-card.focus-visible,
html.performance-mode .vod-card.focus-visible,
html.performance-mode .related-card.focus-visible,
html.performance-mode .actor-card.focus-visible {
  background-color: transparent !important;
}

html.performance-mode .dash-card::before,
html.performance-mode .dash-card::after,
html.performance-mode .related-card::after,
html.performance-mode #btn-play::before {
  display: none !important;
  content: none !important;
}

html.performance-mode .details-backdrop {
  transition: none !important;
}

html.performance-mode .list-item.focus-visible *,
html.performance-mode .settings-nav-item.focus-visible *,
html.performance-mode .action-btn:focus *,
html.performance-mode .action-btn.focus-visible * {
  color: inherit !important;
  transform: none !important;
}

html.performance-mode #categories-ul .list-item:focus .cat-icon-box,
html.performance-mode #categories-ul .list-item.focus-visible .cat-icon-box,
html.performance-mode #categories-ul .list-item:focus .item-count,
html.performance-mode #categories-ul .list-item.focus-visible .item-count,
html.performance-mode #channels-ul .list-item:focus .channel-number,
html.performance-mode #channels-ul .list-item.focus-visible .channel-number,
html.performance-mode #btn-back:focus,
html.performance-mode #btn-back.focus-visible,
html.performance-mode .action-btn.secondary:focus,
html.performance-mode .action-btn.secondary.focus-visible,
html.performance-mode .season-item.active:focus,
html.performance-mode .season-item.active.focus-visible,
html.performance-mode .dash-btn:focus,
html.performance-mode .dash-btn.focus-visible {
  background: rgba(76, 201, 240, 0.18) !important;
  background-color: rgba(76, 201, 240, 0.18) !important;
  color: #eaf7fb !important;
  border-color: rgba(76, 201, 240, 0.9) !important;
  box-shadow: none !important;
}

html.performance-mode #categories-ul .list-item:focus .cat-icon-box,
html.performance-mode #categories-ul .list-item.focus-visible .cat-icon-box,
html.performance-mode #categories-ul .list-item:focus .item-count,
html.performance-mode #categories-ul .list-item.focus-visible .item-count,
html.performance-mode #channels-ul .list-item:focus .channel-number,
html.performance-mode #channels-ul .list-item.focus-visible .channel-number {
  border: 1px solid rgba(76, 201, 240, 0.7) !important;
}

html.performance-mode #categories-ul .category-color-strip {
  gap: 8px !important;
  padding: 0 2px !important;
}

html.performance-mode #categories-ul .category-color-action {
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html.performance-mode .player-ui,
html.performance-mode .settings-menu,
html.performance-mode .settings-submenu,
html.performance-mode .onboarding-container,
html.performance-mode .popup-content,
html.performance-mode .modal-box,
html.performance-mode .modal-content,
html.performance-mode .epg-info-box,
html.performance-mode .suggested-overlay,
html.performance-mode #channel-num-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html.performance-mode .dashboard-container,
html.performance-mode .content-wrapper,
html.performance-mode .details-view,
html.performance-mode .settings-view,
html.performance-mode .modal-box,
html.performance-mode .modal-content {
  background-image: none !important;
}

html.performance-mode .dashboard-container::before,
html.performance-mode .dashboard-container::after,
html.performance-mode .dash-card::before,
html.performance-mode .dash-card::after,
html.performance-mode .details-backdrop::before,
html.performance-mode .details-backdrop::after,
html.performance-mode .mini-player-container::before,
html.performance-mode .mini-player-container::after {
  display: none !important;
  content: none !important;
}

html.performance-mode .dash-card,
html.performance-mode .vod-card,
html.performance-mode .related-card,
html.performance-mode .actor-card,
html.performance-mode .suggested-item-mini,
html.performance-mode .video-overlay,
html.performance-mode .player-top-bar,
html.performance-mode .player-controls-area,
html.performance-mode .epg-info-box,
html.performance-mode .dash-search-container,
html.performance-mode .header-search-bar,
html.performance-mode .settings-menu,
html.performance-mode .settings-submenu {
  background-image: none !important;
  background-color: rgba(14, 18, 24, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html.performance-mode .progress-handle,
html.performance-mode .info-icon,
html.performance-mode #hq-loading-msg,
html.performance-mode .settings-item[data-type="debug"] {
  display: none !important;
}

html.performance-mode .flag-icon,
html.performance-mode .img-container,
html.performance-mode .actor-card img,
html.performance-mode .related-card img,
html.performance-mode .suggested-logo-mini,
html.performance-mode .channel-logo-overlay,
html.performance-mode #details-poster,
html.performance-mode #details-backdrop {
  display: none !important;
}