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

:host {
    @include tablets {
        padding: $space-l;

        .flight {
            display: grid;
            grid-template: auto / [number] 70px [logo] 90px [departure-time] 90px [departure-station] minmax(45px, 240px) [duration] 70px [arrival-time] 90px [arrival-station] minmax(45px, 240px) [arrow] 10px;
            gap: 0 $space-m;
        }
    }
}
