/*
 * PTCG Telop - Custom User Styles
 */

.Neon {
  /* --- Add your custom variable overrides here --- */
  --main-color: #24303a;
  --first-color: #00ABED60;
  --second-color: #9273FF60;
  --first-color-solid: #00ABED;
  --second-color-solid: #9273FF;
  --third-color: #6389db60;
  --stroke-color: #FFFFFF;
  color: var(--stroke-color)
}

/* --- You can also add your own full CSS rules below --- */
.Neon .player-info {
  text-shadow: 2px 2px 4px #00aaed60;
}

.Neon .card-image-area {
  border-color: transparent !important;
  background-image: linear-gradient(135deg, var(--second-color-solid), var(--first-color-solid)) !important;
  background-origin: border-box !important;
}

.Neon .active-slot {
  border-color: transparent !important;
  background-origin: border-box !important;
}

.Neon .bench-slot {
  border-color: transparent !important;
  background-origin: border-box !important;
}

.Neon .attached-energies:not(:empty) {
  border-color: transparent !important;
  border-width: 2px !important;
  background-image: linear-gradient(225deg, var(--first-color-solid), var(--second-color-solid)), linear-gradient(135deg, var(--first-color-solid), var(--second-color-solid)) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}

.Neon .energy-cost-container {
  background-color: var(--first-color);
}