body {
  background-color: black;
  color: white;
  inset: 0;
  margin: 0;
}

.cesium-container {
  background-color: black;
  color: #424242;
  /* position: fixed; */
  overflow-y: none;
  overflow-x: none;
  inset: 0;
}

.divider {
  margin-top: 12;
  margin-bottom: 12;
}

.padding {
  padding: 12;
}

.margin-divider {
  margin-top: 20;
  margin-bottom: 20;
}

.grow {
  flex-grow: 1;
}

.clickable {
  cursor: pointer;
}

.right {
  text-align: right;
}

.console-font-ln {
  color: #00bcd4;
}

.rotate-90 {
  rotate: 90deg;
}

.glowing-component {
  box-shadow: 0 0 10px #18ffff;
  border: 1px solid #18ffff;
  border-radius: 5px;
  /* animation: breathe 2s infinite ease-in-out; */
}

.glowing-component:hover {
  box-shadow: 0 0 10px #76ff03;
  border: 1px solid #76ff03;
  cursor: pointer;
}

@keyframes breathe {
  0% {
    transform: scale(0.93);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.93);
  }
}

.watermark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8rem;
  font-weight: bold;
  color: rgba(24, 255, 255, 0.2);
  background: transparent;
  background-image: url('../images/paladin-watermark.png');
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 99999999;
}

.cesium-feedback {
  background-image: url('../images/feedback-cesium.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 300;
  height: 155;
}

.cesium-widget,
.cesium-widget canvas {
  width: 100%;
  height: 100%;
  touch-action: none;
}

.textfield-label-adjust.MuiInputLabel-root {
  /* Adjusts initial position */
  transform: translate(10px, 7px) scale(1);
}

.textfield-label-adjust.MuiInputLabel-shrink {
  /* Adjusts position when focused */
  transform: translate(14px, -8px) scale(0.75);
}

#webpack-hot-middleware-clientOverlay {
  display: none;
}

@keyframes breatheAnimation {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.8);
  }
}

.breathing-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation: breatheAnimation 1.2s ease infinite;
}

.chat-font {
  font-family: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial,
    sans-serif, 'Apple Symbols';
}

.chat-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(30, 30, 30);
  /* margin: 6; */
  border-radius: 4px;
  filter: drop-shadow(3px 3px 3px #000000);
}

.chat-file {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: rgb(30, 30, 30);
  /* margin: 6; */
  border-radius: 4px;
  filter: drop-shadow(1px 1px 3px #000000);
  padding: 10px 15px;
  /* max-width: 400; */
}

.time-line {
  border-radius: 4;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4 8;
  font-size: 12px;
  pointer-events: none;
  text-align: center;
  transform: translate(-50%, 0);
}

/* React Flow - Start */
.react-flow__panel.right {
  right: 48px !important;
}
/* React Flow - End */