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

:host {
    overflow: hidden;

    .city {
        @include desktop() {
            @include font-overflow;
        }
    }

    @include v-spacing($space-s);

    ._row {
        display: flex;
        @include h-spacing($space-m);
        justify-content: center;
        align-items: center;
    }

    .arrow {
        color: $gray;
        font-size: $font-size-xl;
        font-weight: $font-medium;
    }
}