.ecc-keycloak__header__title {
    @extend a;
    @extend .cds--header__name;

    .ecc-logo {
        height: 3rem;
        width: 3rem;
    }
}

.ecc-keycloak__content {
    @extend .cds--content;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    .module-login & {
        align-items: center;
    }
}

.ecc-keycloak__grid {
    @extend .cds--grid;
    width: 100%;

    .module-login & {
        max-width: 35rem;

        @media (min-width: 66rem) {
            max-width: 50rem;
        }
    }
}

.ecc-keycloak__grid__row {
    @extend .cds--row;
}

.ecc-keycloak__grid__column {
    @extend .#{$eccgui}-grid__column;
    @extend .cds--col;
}

.ecc-keycloak__grid__column-sidebar {
    @extend .#{$eccgui}-grid__column;
    @extend .cds--col-sm-4;
    @extend .cds--col-md-8;
    @extend .cds--col-lg-5;
    @extend .cds--col-xlg-5;
}

.ecc-keycloak__card {
    @extend .#{$ns}-card;
    @extend .#{$eccgui}-card;
    width: 50rem;
    max-width: 100%;

    header {
        .#{$eccgui}-overviewitem__item {
            @extend .#{$eccgui}-card__header;
            @extend .#{$eccgui}-overviewitem__item--highdensity;
        }

        .#{$eccgui}-overviewitem__line:first-child {
            @extend .#{$eccgui}-card__title;
            @extend .#{$eccgui}-overviewitem__line--large;
        }
    }

    .module-login & {
        width: 35rem;
    }
}

.#{$eccgui}-notification {
    min-width: 0;
}

.#{$eccgui}-notification__actions {
    margin: 0.25rem;
}

.#{$eccgui}-intent--error {
    @extend .#{$eccgui}-intent--danger;
}

.#{$eccgui}-label {
    display: inline-block;
}