html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
body > h1 {
    display: none;
}
ki-core-webportal.logged-in {
    background-color: var(--color-surface-primary);
}
ki-core-webportal.logged-out {
    align-items: center;
    justify-content: center;
}

.toast-stack {
    position: absolute;
    z-index: 31;
}


@media only screen and (min-width: 581px) {
    .toast-stack {
        right: var(--metrics-spacing-m);
        top: var(--metrics-spacing-l);
    }
}

@media only screen and (max-width: 580px) {
    .toast-stack {
        top: 0;
        left: 0;
        width: 100%;
    }
}