@clinic/clinic-common/base/style.css

Shared parts between the Clinic.js suite

@import "./button.css";
@import "./checkbox.css";
@import "./context-overlay.css";
@import "./drop-down.css";
@import "./walkthrough-player.css";
@import "./element-highlighter.css";
@import "./link.css";
@import "./accordion.css";
@import "./collapsible-container.css";
@import "./animations.css";

/* setting scroll-bars style ( webkit only ) */
.scroll-container::-webkit-scrollbar {
  width: 13px;
  background-color: var(--scrollbar-bg);
}

.scroll-container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px var(--scrollbar-shadow);
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  outline: 1px solid var(--scrollbar-thumb-outline);
  border-radius: 2px;
  box-shadow: 4px 1px 6px -2px var(--light-glare) inset;
}

@media (pointer: coarse) {
  .scroll-container::-webkit-scrollbar {
    width: 30px;
  }
}