/* @define WidgetLoader */

.WidgetLoader {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.WidgetLoader-spinner {
    font-size: 1.5rem;
    color: var(--orange-marketing-600);
}

.WidgetLoader-error {
    color: var(--text-subtle);
}

.WidgetLoader-errorIcon {
    font-size: 1.5rem;
    color: var(--text-accent);
}

.WidgetLoader .WidgetLoader-loader,
.WidgetLoader .WidgetLoader-error {
    height: 100%;
    display: flex;
    padding: 1.5rem;
    justify-content: center;
    align-items: center;
}

.WidgetLoader .WidgetLoader-error {
    flex-direction: column;
}