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

:host {
    @include v-spacing($space-m);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .detail-header-badge-flight-number {
        display: flex;
        align-items: flex-start;
        font-weight: $font-medium;
        font-size: $font-size-xl;
        @include h-spacing($space-m);

        & > div {
            @include v-spacing($space-s);

            .description {
                @include mobile() {
                    white-space: normal !important;
                }
            }
        }

        @include mobile() {
            flex: 1;
            justify-content: space-between;
        }
    }
}
