/* Prime Service — custom scrollbar (brand colors) */

:root {
  --prime-scrollbar-track: #ececec;
  --prime-scrollbar-thumb: #c34400;
  --prime-scrollbar-thumb-hover: #e05a18;
  --prime-scrollbar-size: 10px;
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--prime-scrollbar-thumb) var(--prime-scrollbar-track);
}

/* WebKit — page + scrollable blocks */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.t-popup::-webkit-scrollbar,
.t-popup__container::-webkit-scrollbar,
.t450::-webkit-scrollbar,
.t702__wrapper::-webkit-scrollbar,
.t390__wrapper::-webkit-scrollbar,
.t-records::-webkit-scrollbar {
  width: var(--prime-scrollbar-size);
  height: var(--prime-scrollbar-size);
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.t-popup::-webkit-scrollbar-track,
.t-popup__container::-webkit-scrollbar-track,
.t450::-webkit-scrollbar-track,
.t702__wrapper::-webkit-scrollbar-track,
.t390__wrapper::-webkit-scrollbar-track,
.t-records::-webkit-scrollbar-track {
  background: var(--prime-scrollbar-track);
  border-radius: 100px;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.t-popup::-webkit-scrollbar-thumb,
.t-popup__container::-webkit-scrollbar-thumb,
.t450::-webkit-scrollbar-thumb,
.t702__wrapper::-webkit-scrollbar-thumb,
.t390__wrapper::-webkit-scrollbar-thumb,
.t-records::-webkit-scrollbar-thumb {
  background: var(--prime-scrollbar-thumb);
  border-radius: 100px;
  border: 2px solid var(--prime-scrollbar-track);
  transition: background-color 0.2s ease;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.t-popup::-webkit-scrollbar-thumb:hover,
.t-popup__container::-webkit-scrollbar-thumb:hover,
.t450::-webkit-scrollbar-thumb:hover,
.t702__wrapper::-webkit-scrollbar-thumb:hover,
.t390__wrapper::-webkit-scrollbar-thumb:hover,
.t-records::-webkit-scrollbar-thumb:hover {
  background: var(--prime-scrollbar-thumb-hover);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: var(--prime-scrollbar-track);
}

/* Keep hidden scrollbars on horizontal carousels */
#rec2541962601 .t396__artboard,
.prime-work__viewport {
  scrollbar-width: none;
}

#rec2541962601 .t396__artboard::-webkit-scrollbar,
.prime-work__viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Firefox for inner scroll areas */
.t-popup,
.t-popup__container,
.t450,
.t702__wrapper,
.t390__wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--prime-scrollbar-thumb) var(--prime-scrollbar-track);
}

@media (pointer: coarse) {
  :root {
    --prime-scrollbar-size: 6px;
  }
}