/**
This are CSS fixes for the Backtesting Tool component.
 */
#radix-\:r1\: > div > div > div > ul > li > div,
#radix-\:r1\: > div > div > div > p > strong,
#radix-\:r1\: > div > div > p {
  color: #fff !important;
  font-family: Gilroy, "system-ui", "sans-serif";
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

#radix-\:r1\: > div > div > p:nth-child(4) {
  font-family: Gilroy, "system-ui", "sans-serif";
}

.glass-card > .space-y-3 > div > .-space-x-0\.5 {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  list-style: none;
  gap: 3px;
}

.glass-card > .space-y-3 > div > .-space-x-0\.5 > div {
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0;
  color: #425595;
}

.glass-card > .space-y-3 > div > .-space-x-0\.5 > .text-white {
  font-size: 13.58px;
  line-height: 23.28px;
  font-weight: 600;
  width: 26px;
  height: 26px;
  margin: -4px;
  border: 2px solid #fff;
  border-radius: 6px;
  z-index: 999;
}

#radix-\:rn\: > div > p,
#radix-\:rg\: > p {
  color: #fff !important;
  font-family: Gilroy, "system-ui", "sans-serif";
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.glass-card-floating .flex.items-center.gap-1.mb-1 {
  align-items: start;
}

.glass-card-floating .flex.items-center.gap-1.mb-1 button {
  margin-top: 1.1%;
}