@use './src/styles/fonts' as *;
@use './src/styles/colors' as *;
@use './src/styles/screen' as *;

:host {
     //details-accordion__header is used in many places;
     //Set !important can break layout in many places
     //So just added .flight-details__header with !important
    .details-accordion__header {
        justify-content: space-between;
    }

    .flight-details__header {
        align-items: center !important;
        justify-content: space-between !important;

        font-size: $font-size-m !important;
        color: $light-gray !important;

        @include mobile {
            font-size: $font-size-s !important;
        }
    }

    font-size: $font-size-l;
}
