@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;

        .arrow-icon {
            right: 12px;
        }

        .flight {
            display: grid;
            grid-template: auto / [number] 70px [logo] 90px [departure-time] 90px [departure-station] 1fr [status] 85px [arrival-time] 90px [arrival-station] 1fr [arrow] 10px;
            gap: 0 $space-m;
        }
    }
}
