@import '_content/Smoothies.Blackberry.Pie/Smoothies.Blackberry.Pie.244l57bnux.bundle.scp.css';
@import '_content/Smoothies.Blackberry/Smoothies.Blackberry.395jpge1dg.bundle.scp.css';

/* /Layout/OfflineBanner.razor.rz.scp.css */
/* colors of a text info alert; the date under the title, the retry at the end of the first line */
.offline-banner[b-6zfgix2w8c] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "icon title retry"
        ". date date";
    align-items: center;
    column-gap: 12px;
    padding: 4px 16px 8px;
    background-color: var(--mud-palette-info-hover);
    color: var(--mud-palette-info-darken);
}

.offline-banner[b-6zfgix2w8c]  .offline-banner-icon {
    grid-area: icon;
}

.offline-banner[b-6zfgix2w8c]  .offline-banner-title {
    grid-area: title;
}

/* its label aligned with the edge of the banner (the padding of the button stays clickable) */
.offline-banner[b-6zfgix2w8c]  .offline-banner-retry {
    grid-area: retry;
    margin-right: -8px;
}

.offline-banner[b-6zfgix2w8c]  .offline-banner-date {
    grid-area: date;
}