@use '~@/style/globals';

.EventReturnHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: globals.$content-padding-large-horizontal 0;

    .Help {
        flex: 1;
        padding: 0 globals.$content-padding-small-vertical;
    }

    &__infos {
        flex: 0 0 auto;
        display: flex;
        justify-content: flex-start;
    }

    &__actions {
        flex: 0 0 auto;
    }

    &__info {
        text-align: center;
        line-height: 1.3;

        &__important {
            color: globals.$text-base-color;
        }
    }

    &__info + &__info {
        margin-left: globals.$content-padding-large-vertical;
    }

    &__group-by {
        &__label {
            padding: 0 globals.$content-padding-small-horizontal;
        }
    }
}
