.fit {
  width: fit-content;
}

.w {
  width: 400px;
}

.n {
  color: #FFF;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  cursor: pointer;
}

.n:focus {
  color: yellow !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  field-sizing: content !important;
  min-height: 4rem;
  color: #FFF;
  border: none !important;
  background: var(--bs-primary-bg-subtle) !important;
  outline: none !important;
  cursor: pointer;
}

textarea:focus {
  color: yellow !important;
}

/* optional extras */
.card { border-radius: 1rem; }
.table td, .table th { vertical-align: middle; }

.card.border-primary { height: 220px; }