.sbb-timetable-form {
  --sbb-timetable-form-content-max-width: 46.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  column-gap: var(--sbb-spacing-fixed-3x);
  border-radius: var(--sbb-border-radius-4x);
  padding-block: var(--sbb-spacing-fixed-10x) var(--sbb-spacing-responsive-l);
  padding-inline: var(--sbb-spacing-fixed-5x);
  background: linear-gradient(to bottom, var(--sbb-color-primary) 0 11.125rem, var(--sbb-background-color-3) 11.125rem 100%);
}
@media (max-width: calc(63.9375rem)) {
  .sbb-timetable-form:has(sbb-signet) {
    padding-block-start: var(--sbb-spacing-fixed-4x);
  }
}
.sbb-timetable-form sbb-signet {
  width: var(--sbb-spacing-fixed-16x);
  align-self: end;
  margin-block-end: var(--sbb-spacing-fixed-2x);
  margin-inline: 0;
}
@media (min-width: calc(64rem)) {
  .sbb-timetable-form sbb-signet {
    position: absolute;
    inset-block-start: var(--sbb-spacing-fixed-6x);
    inset-inline-end: var(--sbb-spacing-fixed-6x);
  }
}
.sbb-timetable-form > * {
  margin-inline: auto;
  max-width: var(--sbb-timetable-form-content-max-width);
  width: 100%;
}

sbb-timetable-form sbb-date-input {
  min-width: 8.3125rem;
}
sbb-timetable-form .sbb-timetable-form-block {
  --sbb-form-field-focus-underline-z-index: 1;
  width: 100%;
  position: relative;
}
sbb-timetable-form .sbb-timetable-form-block::after {
  content: "";
  position: absolute;
  border-block-end: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
  inset-inline: var(--sbb-form-field-padding-inline);
  inset-block-end: 0;
}
sbb-timetable-form .sbb-timetable-form-block sbb-datepicker-toggle {
  margin-inline-end: var(--sbb-spacing-fixed-6x);
}
@media (max-width: calc(37.4375rem)) {
  sbb-timetable-form .sbb-timetable-form-mobile-block {
    --sbb-form-field-focus-underline-z-index: 1;
    width: 100%;
    position: relative;
  }
  sbb-timetable-form .sbb-timetable-form-mobile-block::after {
    content: "";
    position: absolute;
    border-block-end: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
    inset-inline: var(--sbb-form-field-padding-inline);
    inset-block-end: 0;
  }
  sbb-timetable-form .sbb-timetable-form-mobile-block sbb-datepicker-toggle {
    margin-inline-end: var(--sbb-spacing-fixed-6x);
  }
  sbb-timetable-form .sbb-timetable-form-mobile-hidden {
    display: none;
  }
}