:root {
  --light-grey-blue: #91A7FF;
  --dark-blue: #1a223b;
  --darker-blue: #080b14;
  --darkest-blue: #141517;
  --black: #000000;
}

.dmc-switch {
  /* background-image: linear-gradient(to right, #1d2648, #1d2648); */
  background-color: var(--darkest-blue);
  /* color: #387ac1; */
  /* border-color: #387ac1; */
  /* border-color: #1d2648; */
  --switch-color: var(--dark-blue);
}

.dmc-body {
  /* border-color: black; */
  /* height: 20px;
    width: 20px; */
  background-color: var(--darker-blue);
  /* background-color: black; */
}

/*:*/[SLIDER]
/* .mantine-Slider-bar {
  background-color: var(--light-grey-blue) !important;
} */
/* .mantine-Slider-track {
  background-color: #c1388a !important;
} */
/* .mantine-Slider-trackContainer {
  background-color: var(--dark-blue) !important;
} */

.dmc-slider-track {
  &::before {
    background-color: light-dark(var(--black), var(--dark-blue));
  }

  /* background-color: var(--dark-blue); */
}

.dmc-slider-mark {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  transform: translateX(-3px) translateY(-2px);
  border-color: light-dark(var(--mantine-color-blue-1), var(--mantine-color-dark-3));

  &[data-filled] {
    border-color: var(--mantine-color-blue-6);
  }
}

.dmc-slider-markLabel {
  font-size: var(--mantine-font-size-sm);
  color: var(--light-grey-blue);
  margin-bottom: 5px;
  margin-top: 0;
}

.dmc-slider-thumb {
    height: 25px !important;
    width: 15px !important;

    border-radius: 0 !important;
    /* border-width: 1px; */
    border-color: var(--light-grey-blue);
    background-color: var(--light-grey-blue);

    box-shadow: var(--mantine-shadow-lg);
}
/*^*/[SLIDER]

/* .mantine-Modal-root { */
/* height: 2000px; */
/* width: 100%; */
/* } */
/* .mantine-Modal-body { */
/* height: 2000px; */
/* height: 2000px; */
/* width: 100%; */
/* } */

/* https://www.dash-mantine-components.com/components/tabs */
/* .mantine-Tabs-root { */
/* border-color: #111111; */
/* } */