@import '_content/PSC.Blazor.Components.Chartjs/PSC.Blazor.Components.Chartjs.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
@keyframes marquee-b-5bai5zucua {
    from {
        left: 0;
    }

    to {
        left: calc(100% - var(--logo-width, 500px));
    }
}

.yc-color-gray-100[b-5bai5zucua] {
    position: relative;
    overflow: hidden;
}

.yc-color-gray-100 img[b-5bai5zucua] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.marquee-animation[b-5bai5zucua] {
    /* ensure the image defines a width variable; fallback to 500px */
    --logo-width: 500px;
    width: var(--logo-width);
    animation: marquee-b-5bai5zucua 2s ease-in-out infinite alternate;
    will-change: left;
}

.header-disabled[b-5bai5zucua] { pointer-events: none; opacity: 0.9; }
.main-login-container[b-5bai5zucua] { padding: 1rem; display:flex; justify-content:center; }