.Box {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--control_transparent_background);
  box-sizing: border-box;
  border: var(--control_border);
  border-radius: var(--border_radius);
  box-shadow: var(--control_box_shadow);
}

.Box.Darker {
  background-color: var(--control_dark_transparent_background);
}

.Box.SlideOut {
  animation: box-slide-out 0.5s forwards;
  transform: translateX(-100%);
}

.Box.SlideOutTop {
  animation: box-slide-out-top 0.5s forwards;
  transform: translateY(-100%);
}

.Box.FadeIn {
  transition: 0.3s;
}

@keyframes box-slide-out {
  100% {
    transform: translateX(0%);
  }
}

@keyframes box-slide-out-top {
  100% {
    transform: translateY(0%);
  }
}