.shades-drawer__header {
  height: 3.5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
}

.shades-drawer__content
  [data-testid='drawer-scrollable-content']::-webkit-scrollbar-thumb {
  background-color: #6b6b6b;
}

/* breakpoints.md */
@media (min-width: 48rem) {
  .shades-drawer__header {
    height: 4.25rem;
  }
  .shades-drawer__content {
    width: 26rem;
  }
}