.widget {
  width: 100%;
  max-width: var(--max-width-page);
  margin: 0 auto;
  /* Hiding widget on mobile for now as the widget is not ready for mobile use at the moment */
  display: none;
}

.widget.isLoading {
  display: none;
}

/* Meeting booking widget changes design at 948px */
@media screen and (min-width: 948px) {
  .widget {
    background-color: var(--Base-Surface-Primary-light-Normal);
    display: block;
  }
}