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

:host {
    display: flex;

    @include gt-mobile() {
        & > *:not(:last-child) {
            padding-right: $space-xl;
            margin-right: $space-xl;
            border-right: 1px solid $border;
        }
    }    

    @include mobile() {
        flex: 1;
        flex-wrap: wrap;
        @include v-spacing($space-m);

        details-header-badge {
            flex: 100%;
        }
    }
}