@use "../../../styles/variables" as vars;
@use "../../../styles/colors" as colors;
@use "../../../styles/screen" as screen;

.schedule-search {
  &__calendar {
    display: flex;
    gap: vars.$space-s;
    padding: vars.$space-xl;
    overflow-x: auto;
  }

  &__error {
    padding: vars.$space-xl;
    color: colors.$red;
  }

  &__outbound,
  &__inbound {
    padding: vars.$space-xl 0;

    h2 {
      padding: 0 vars.$space-xl;
      margin: 0 0 vars.$space-m;
    }
  }

  &__inbound {
    border-top: 1px solid colors.$border;
  }
}
