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

:host {
    display: flex;

    .description {
        font-weight: $font-medium;
    }

    .code-sharing-flight-number {
        color: $gray;
        font-size: $font-size-s;
    }

    @include gap($space-m);

    @include mobile() {
        flex-direction: column;
    }

    // variations
    &.boxed {
        padding: $space-m $space-xl;

        border-radius: 3px;
        background-color: $white;
        border: 1px dashed $border;
    }
}
