/* stylelint-disable selector-max-attribute,selector-max-universal */
:global .ciscospark-widget,
:global .ciscospark-widget > div,
:global [data-toggle^='ciscospark-'],
:global [data-toggle^='ciscospark-'] > div {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
}

.wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: inherit;
  flex-direction: column;
}

:global .ciscospark-widget *,
:global .ciscospark-widget *::after,
:global .ciscospark-widget *::before {
  box-sizing: border-box;
}

/* stylelint enable */
/* only change the width of the scrollbars of the widgets and their div children */
div::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: transparent;
  border-radius: 15px;
  box-shadow: none;
  background-clip: padding-box;
  border-image-source: initial initial initial;
  border-image-slice: initial;
  border-image-outset: initial;
}

::-webkit-scrollbar-thumb {
  background-color: #8a8a8a;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}