:root {
  --primary-1: #421f87;
  --primary-2: #7810af;
  --primary2-1: var(--primary-1);
  --primary2-2: var(--primary-2);
  --secondary-1: #fe4e4e;
  --secondary-2: #fe4e4e;
  --navbar-1: #421f87;
  --navbar-2: #7810af;
  --bg-primary: #190a31;
  --bg-secondary: #211339;
  --bg-opacity: #291c41;
  --bg-footer: #100823;
  --primary: linear-gradient(
    284.36deg,
    var(--primary-1) 0.18%,
    var(--primary-2) 97.99%
  ) !important;
  --primary2: #00be52;
  --primary-button: #00be52;
  --member-level-card-bg: linear-gradient(
    90deg,
    #211339 13.37%,
    rgba(50, 24, 97, 0.75) 68.05%,
    #351d61 90.18%
  );

  --primary-button-2: linear-gradient(284.36deg, #fe4e4e 0.18%, #fe4e4e 97.99%);
  --secondary: linear-gradient(
    286.77deg,
    var(--secondary-1) 5.83%,
    var(--secondary-2) 96.51%
  );
  --navbar: linear-gradient(270deg, var(--navbar-1), var(--navbar-2));
  --hover-game: linear-gradient(1turn, #4c1d8e, rgba(68, 31, 136, 0.11) 90%);
  --selection-text: #fe4e4e;
  --selection-text-2: var(--lighten-text);
  --lighten-text: #b3abbe;
  --line: #302346;
  --text: #fff;
  --text-2: var(--text);
  --opacity-1: #2576761a;
  --shadow-color: #a70b0b4d;
  --swal-background: #1e133a;
}

/* @import '~sweetalert2/src/variables'; */
/* 

$swal2-background: #1E133A;

// INPUT
$swal2-input-color: $swal2-white;
$swal2-input-background: lighten($swal2-background, 10%);

$swal2-content-color: $swal2-white;

$swal2-title-color: $swal2-white;


$swal2-dark-theme-black: #000000;
// $swal2-dark-theme-white: #e1e1e1;
// $swal2-outline-color: lighten($swal2-dark-theme-black, 10%);

// $swal2-background: $swal2-dark-theme-black;
// $swal2-content-color: $swal2-dark-theme-white;
// $swal2-title-color: $swal2-dark-theme-white;
$swal2-backdrop: rgba($swal2-dark-theme-black, .75);

// // FOOTER
// $swal2-footer-border-color: #ffffff;
// $swal2-footer-color: darken($swal2-content-color, 15%);

// // TIMER POGRESS BAR
// $swal2-timer-progress-bar-background: rgba($swal2-dark-theme-white, .6);

// // INPUT
// $swal2-input-color: $swal2-dark-theme-white;
// $swal2-input-background: lighten($swal2-dark-theme-black, 10%);

// // VALIDATION MESSAGE
// $swal2-validation-message-background: lighten($swal2-dark-theme-black, 10%);
// $swal2-validation-message-color: $swal2-dark-theme-white;

// // QUEUE
// $swal2-progress-step-background: lighten($swal2-dark-theme-black, 25%);

// // COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS
// $swal2-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px linear-gradient(90deg, #7810AF 0%, #421F87 100%);

// // TOAST
// $swal2-toast-background: $swal2-dark-theme-black;
// $swal2-toast-button-focus-box-shadow: 0 0 0 1px $swal2-background, 0 0 0 3px $swal2-outline-color;

$swal2-confirm-button-background-color: var(--text-primary);
$swal2-title-font-size: 1.375em;
$swal2-content-font-size: 14px;
$swal2-content-color: rgba(255, 255, 255, 0.5);


// border: $swal2-confirm-button-border;
//     border-radius: $swal2-confirm-button-border-radius;
//     background: initial;
//     background-color: $swal2-confirm-button-background-color;
//     color: $swal2-confirm-button-color;
//     font-size: $swal2-confirm-button-font-size;

@import '~sweetalert2/src/sweetalert2'; */

body {
  visibility: visible !important;
}

.primary-button,
.btn-success {
  box-shadow: none !important;
}

.swal-button {
  &.swal-button-confirm {
    border: none !important;
    box-shadow: none !important;
  }
}

.line-progress::before {
  background: linear-gradient(45deg, #00be52, #00be52) border-box !important;
}

.main-stop {
  stop-color: #00be52 !important;
}
.alt-stop {
  stop-color: #00be52 !important;
}
.btn-route {
  @include media-breakpoint-down(xs) {
    background: #596070 !important;
  }
}