@font-face {
  font-family: "Roboto";
  src: url("/Roboto.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
}

.client-app-scoped * {
  color: white;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.client-app-scoped {
  font-family: "Roboto", sans-serif;
  background-color: black;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  inset: 0;
}

.app-root {
  position: relative;
}

.widget-layer {
  position: absolute;
  display: inline-flex;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}

.maintenance-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #000;
}

.maintenance-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
