/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar:hover {
  width: 16px !important;
  height: 16px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  background-color: var(--cds-color-neutral-weak);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--cds-color-neutral-medium);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  width: 16px !important;
  height: 16px !important;
  background-color: var(--cds-color-primary-medium);
}

/* Calendar */

.cds-calendar-container.week .cds-calendar-day-cell-event-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.cds-calendar-container.week .cds-calendar-day-cell-event-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  background-color: var(--cds-color-success-wash);
}

.cds-calendar-container.week .cds-calendar-day-cell-event-container::-webkit-scrollbar-thumb {
  background-color: var(--cds-color-success);
}

.cds-calendar-container.week .cds-calendar-day-cell-event-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  background-color: var(--cds-color-success-weak);
}