/* Priority Lexus Newport News — VDP TOC scroll arrows
   CDN: https://content.app.ridemotive.com/lexus/priority-lexnn/toc-scroll-arrows-v3.css */

[aria-label="TableOfContentsCard Section"] [class*="slidesContainer"] {
  position: relative !important;
}

[aria-label="TableOfContentsCard Section"] [class*="viewport--both"] {
  width: calc(100% - 80px) !important;
  max-width: calc(100% - 80px) !important;
  margin-left: 40px !important;
  margin-right: 40px !important;
}

[aria-label="TableOfContentsCard Section"] [class*="viewport--left"]:not([class*="viewport--right"]) {
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  margin-left: 40px !important;
  margin-right: 0 !important;
}

[aria-label="TableOfContentsCard Section"] [class*="viewport--right"]:not([class*="viewport--left"]) {
  width: calc(100% - 40px) !important;
  max-width: calc(100% - 40px) !important;
  margin-right: 40px !important;
  margin-left: 0 !important;
}

[aria-label="TableOfContentsCard Section"] button[aria-label="Scroll left"]:not([class*="disabled"]),
[aria-label="TableOfContentsCard Section"] button[aria-label="Scroll right"]:not([class*="disabled"]) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 5 !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgb(49, 49, 49) !important;
  background-color: rgb(49, 49, 49) !important;
  border: 0 !important;
  box-shadow: none !important;
}

[aria-label="TableOfContentsCard Section"] button[aria-label="Scroll left"]:not([class*="disabled"]) {
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.18) !important;
}

[aria-label="TableOfContentsCard Section"] button[aria-label="Scroll right"]:not([class*="disabled"]) {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.18) !important;
}

[aria-label="TableOfContentsCard Section"] button[aria-label^="Scroll"]:not([class*="disabled"]) i,
[aria-label="TableOfContentsCard Section"] button[aria-label^="Scroll"]:not([class*="disabled"]) [class*="dynamicIcon"],
[aria-label="TableOfContentsCard Section"] button[aria-label^="Scroll"]:not([class*="disabled"]) .ccc-ico {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

[aria-label="TableOfContentsCard Section"] button[aria-label^="Scroll"][class*="disabled"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  box-shadow: none !important;
}