.project-option > span {
  position: relative;
  padding-top: 36px;
  min-height: 126px;
}

.project-option small.project-status-badge {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
}

.project-option small.project-status-badge.is-available {
  background: #96866f;
  border-color: #96866f;
  color: #fff;
}

.project-option small.project-status-badge.is-soon {
  background: #eee8df;
  border-color: #ded5c8;
  color: #756651;
}

.field .project-option.is-coming-soon,
.project-option > input:disabled {
  cursor: not-allowed;
}

.project-option.is-coming-soon > span {
  background: #f6f3ed;
  border-color: #e4ddd2;
  box-shadow: none;
}

.project-option.is-coming-soon > span > b {
  color: #a3947e;
}

.project-option.is-coming-soon > span > span {
  color: #80776a;
}

.field select optgroup {
  font-weight: 700;
  color: #4e5959;
}

.field select option {
  font-weight: 400;
}

@media (max-width: 380px) {
  .project-option small.project-status-badge {
    font-size: 9px;
    padding: 3px 7px;
    inset-inline-start: 6px;
  }
}