/* Hide scrollbar chrome only inside the drama client. Keep each container's
   existing overflow, native scrolling, touch gestures and keyboard behavior. */
html:has(> body[data-drama-theme]),
body[data-drama-theme],
body[data-drama-theme] * {
  scrollbar-width: none !important;
  scrollbar-gutter: auto !important;
  -ms-overflow-style: none !important;
}

html:has(> body[data-drama-theme])::-webkit-scrollbar,
body[data-drama-theme]::-webkit-scrollbar,
body[data-drama-theme] *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}