@use '../../../src/theme/v2Styles' as *;
@use '../../../src/theme/ontimeColours' as *;

.operatorContainer {
  width: 100vw;
  height: 100vh;

  color: $ui-white;
}

.operatorEvents {
  width: 100vw;
  height: 100vh;
  padding-top: 0.25rem;

  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.spacer {
  min-height: 95vh;
}

.editPrompt {
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;

  background: rgba(black, 0.6);
  border-radius: 2px;
  padding: 0.5em 2em;
  color: gold;

  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;

  &.show {
    opacity: 1;
  }
}