/* AUTOTUBE_USER1_NAV_HOVER_GREY_90_V1_BEGIN
   Light theme only. Active tab remains unchanged. Hover surface is 90% of
   normal tab dimensions; text and icon retain their native size. */

/* A neutral, text-first hover; override old chrome and black V3.2 states. */
html:not([data-autotube-theme="dark"]) body nav.tabs .tab-button:not(.active):not(#at-hover-a):not(#at-hover-b):not(#at-hover-c):is(:hover,:focus-visible) {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #101011 !important;
  -webkit-text-fill-color: #101011 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

/* Grey with 80% transparency: rgba alpha 0.20. Exactly 90% tab size. */
html:not([data-autotube-theme="dark"]) body nav.tabs .tab-button:not(.active):not(#at-hover-a):not(#at-hover-b):not(#at-hover-c):is(:hover,:focus-visible)::after {
  content: "" !important;
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 5% !important;
  top: 5% !important;
  bottom: 5% !important;
  left: 5% !important;
  right: 5% !important;
  width: auto !important;
  height: auto !important;
  z-index: -1 !important;
  border: 0 !important;
  border-radius: 11px !important;
  padding: 0 !important;
  background: rgba(105, 110, 116, 0.20) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* Icons must have the same dark color as their labels when hovering. */
html:not([data-autotube-theme="dark"]) body nav.tabs .tab-button:not(.active):not(#at-hover-a):not(#at-hover-b):not(#at-hover-c):is(:hover,:focus-visible)::before {
  color: #101011 !important;
  background: #101011 !important;
  background-color: #101011 !important;
  background-image: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

html:not([data-autotube-theme="dark"]) body nav.tabs .tab-button:not(.active):not(#at-hover-a):not(#at-hover-b):not(#at-hover-c):is(:hover,:focus-visible) > :is(svg,i,span,[class*="icon"],[class^="icon-"]) {
  color: #101011 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

/* AUTOTUBE_USER1_NAV_HOVER_GREY_90_V1_END */