/* Shared by the application and the registration shadow root.
   Component rules may still hide bars on paged/swipe-only carousels. */
:root, :host {
  --sc-scrollbar-width: thin;
  --sc-scrollbar-color: #9d7b49 #24131a;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *) {
  scrollbar-width: var(--sc-scrollbar-width);
  scrollbar-color: var(--sc-scrollbar-color);
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-track {
  background: #24131a;
  border-radius: 5px;
  margin: 8px;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-thumb {
  background: linear-gradient(#685033, #bd985c, #80613c);
  border-radius: 5px;
  min-height: 36px;
  min-width: 36px;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(90deg, #685033, #bd985c, #80613c);
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-thumb:hover {
  background: #c6a26a;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
:where(html, body, #scarlet-bag-v30, #scarlet-bag-v30 *, :host, :host *)::-webkit-scrollbar-corner {
  background: transparent;
}
/* Chromium's standard properties override its custom scrollbar pseudo-elements. */
@supports selector(::-webkit-scrollbar) {
  :root, :host {
    --sc-scrollbar-width: auto;
    --sc-scrollbar-color: auto;
  }
}