.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}
.ccard {
  position: relative;
  display: flex;
  width: 395px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #23406f;
  background-clip: border-box;
  border: 1px solid #23406f;
  border-radius: 7px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px; 
}
.form-signin {
  max-width: 500px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card-name {
  letter-spacing: .25rem;
  text-transform: uppercase;
}

#wallet-generated-key {
  resize: none;
}

.navbar.bg-warning .nav-link {
  color: #000 !important;
}

.bg-rs.bg-gradient, .text-bg-rs.bg-gradient {
  background-image: linear-gradient(rgb(191, 107, 177), rgb(139, 64, 251))!important;
}

#flag-toast {
  background-color: #8a3ffc!important;
  color: #fff!important;
}
.btn-rs {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8a3ffc;
  --bs-btn-border-color: #8a3ffc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7621f4;
  --bs-btn-hover-border-color: #7621f4;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7621f4;
  --bs-btn-active-border-color: #7621f4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7621f4;
  --bs-btn-disabled-border-color: #7621f4;
}
.alert-rs {
  --bs-alert-color: #fff!important;
  --bs-alert-bg: #8a3ffc!important;
  --bs-alert-border-color: #8a3ffc!important;
}

.text-bg-rs, .bg-rs {
  color: #fff!important;
  background-color: #8a3ffc!important;
}

#leaderboards table {
  margin: 0;
}

#leaderboards .table-bordered>:not(caption)>*>* {
  border-width: 0;
}

#leaderboards .card-header {
  border-bottom: 0;
}

.custom-tooltip {
  --bs-tooltip-bg: #000;
  --bs-tooltip-color: #fff;
}