@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 {
    background: $white;

    .flight-route {
        padding: $space-xl;
        font-size: $font-size-xxl;

        display: grid;
        grid-template: auto /
            [depart-at] 100px
            [depart-to] minmax(80px, 260px)
            [status] minmax(150px, 1fr)
            [arrive-at] 100px
            [arrive-to] minmax(80px, 260px);

        gap: $space-xl $space-m;

        .status-line {
            height: 1px;
            align-self: center;
            background-color: $border;
        }
    }
}
