/* Flight tabs match the supplied HTML screenshot; other forms are unaffected. */
form[data-flight-tabs] { box-shadow: none; }
form[data-flight-tabs] .tabbed { position: relative; }
form[data-flight-tabs] .tabbed > input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
form[data-flight-tabs] .tabs {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  background: #eee;
}
form[data-flight-tabs] .tabs label {
  display: block;
  margin: 0;
  padding: 12px 15px;
  color: #666;
  font-size: 12.8px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
}
form[data-flight-tabs] #tab1:checked ~ .tabs label[for="tab1"],
form[data-flight-tabs] #tab2:checked ~ .tabs label[for="tab2"] {
  background: var(--blue-700);
  color: var(--white);
}
form[data-flight-tabs] input[type="radio"]:focus-visible ~ .tabs {
  outline: 2px solid var(--white);
  outline-offset: 3px;
}
form[data-flight-tabs] .tabbed > .tab-content {
  display: none;
  background: var(--white);
  border-radius: 0 24px 24px 24px;
}
form[data-flight-tabs] #tab1:checked ~ .tab-content:nth-of-type(1),
form[data-flight-tabs] #tab2:checked ~ .tab-content:nth-of-type(2) {
  display: block;
}