@use 'sass:math';
@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 {
    @include font-small();
    @include h-spacing($space-s);

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    color: $text-color;

    span {
        @include font-overflow();

        &.embolded {
            font-weight: $font-medium;
        }
    }

    @include mobile() {
        flex-wrap: wrap;
        @include v-spacing($space-s, true);

        .transfer {
            &-change {
                flex: 100%;
            }

            &-city {
                flex: 100%;
            }
        }
    }
}
