/* Components - Marquee */
.marquee-container {
  position: relative;
  width: 1200px;
  overflow: hidden;
  padding: 8px 0;
  z-index: 10;
  color: rgba(255, 255, 255, .5);
  background: #1D1940 !important;
  border-radius: 20px;
}

.marquee-content {
  display: inline-block;
  white-space: nowrap;
  animation: marquee linear infinite;
}

.marquee-content:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translateX(1200px);
  }

  100% {
    transform: translateX(-100%);
  }
}

.marquee-container::before,
.marquee-container::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 2;
}

.marquee-container::before {
  left: 0;
  background: linear-gradient(to right, #130141 35%, transparent 100%);
}

.marquee-container::after {
  right: 0;
  background: linear-gradient(to left, #130141 0%, transparent 100%);
}

.statusActive {
  background: none !important;
  border: 1px solid #A944F7;
  color: #A944F7 !important;
}

/* Main Page - Games Active */
.gamesActive {
  box-shadow: inset 0 2px 1px #A944F7;
  font-weight: bold;
  color: white;
}

/* Login Page */
#login input:focus {
  color: #fff;
  outline: 2px solid #FFC30E;
}

#login select:focus {
  color: rgba(255, 255, 255, 60%);
  outline: 2px solid #FFC30E;
}

#login .select-items {
  position: absolute;
  background-color: #161821;
  top: 106%;
  left: 0;
  right: 0;
  z-index: 99;
}

#login .select-items div:hover,
#login .same-as-selected {
  background-color: #FFC30E;
  color: black;
}

body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar {
  width: 10px;
  background: #240A4D;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
  background: #240A4D;
}

::-webkit-scrollbar-thumb {
  background: #3E1E75;
  border-radius: 20px;
}