@use './src/styles/variables' as *;
@use './src/styles/screen';

:host {
  ::ng-deep .flight-props-caption {
    width: 30%;
  }

  // todo: remove after removing all usages of flight-props component
  ::ng-deep .flight-details-section__caption {
    @include screen.gt-mobile {
      width: calc(30% - #{$space-xl}) !important;
    }
  }

  schedule-flights-mini-list {
    @include screen.smTablet {
      display: none;
    }
  }

  .schedule-day-selector {
    @include screen.mobile {
      display: flex;
      flex-direction: column;

      padding: $space-xl;
    }
  }
}
