@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';
@import '_content/KS.Extensions.Blazor/KS.Extensions.Blazor.h73q4jbm2g.bundle.scp.css';
@import '_content/KS.Lms.CourseViewer/KS.Lms.CourseViewer.8ot97cinkk.bundle.scp.css';
@import '_content/KS.Lms.Features.Components/KS.Lms.Features.Components.gzru4spucp.bundle.scp.css';
@import '_content/KS.Lms.Portal/KS.Lms.Portal.51d2ak30qr.bundle.scp.css';

/* /Components/ReconnectBanner.razor.rz.scp.css */
.reconnect-banner[b-vfg07lvqkm] {
    position: fixed;
    inset: auto 0 1rem 0;
    margin: 0 auto;
    width: fit-content;
    max-width: calc(100% - 2rem);
    padding: 0.5rem 1rem;
    border: 1px solid var(--bs-emphasis-color, #000);
    border-radius: 0.5rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
    z-index: 2000;
}

.reconnect-banner > div[b-vfg07lvqkm] {
    display: none;
    align-items: center;
    gap: 0.75rem;
}

.reconnect-banner.components-reconnect-show .reconnect-banner-reconnecting[b-vfg07lvqkm],
.reconnect-banner.components-reconnect-retrying .reconnect-banner-reconnecting[b-vfg07lvqkm],
.reconnect-banner.components-reconnect-failed .reconnect-banner-failed[b-vfg07lvqkm],
.reconnect-banner.components-reconnect-paused .reconnect-banner-failed[b-vfg07lvqkm],
.reconnect-banner.components-reconnect-resume-failed .reconnect-banner-failed[b-vfg07lvqkm] {
    display: flex;
}