@import '_content/Bpsc.Blazor.Components/Bpsc.Blazor.Components.ry5ywyz9oj.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.dwk6czdzfo.bundle.scp.css';

/* _content/Bpsc.Id/Components/Layout/BackgroundDesign.razor.rz.scp.css */
/**
 * https://developer.mozilla.org/en-US/docs/Web/CSS/background
 * CSS code for the background layout component.
 *
 * The `.background` class is used to style the background element.
 * It sets the background image, position, and z-index.
 * The background image is set using CSS variables `--background-image`, `--engineer-image`, and `--dots-image`.
 *
 * The media query `@media (width >= 1100px)` applies additional styles to the `.background` class
 * when the viewport width is greater than or equal to 1100 pixels.
 * It sets multiple background images using CSS variables and adjusts their positioning and size.
 */
.background[b-q7q59zjxzx] {
    --background-image: url('assets/background.webp');
    --engineer-image: url('assets/engineer.webp');
    --dots-image: url('assets/dots.svg');

    position: fixed;
    /* inset is not supported in our xamarin apps */
    /* inset: 0; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: -1;

    background: var(--background-image) no-repeat center / cover;
}

@media (width >= 1024px){
    .background[b-q7q59zjxzx] {
        background:
            var(--dots-image) no-repeat left 5% bottom 5% / 130px,
            var(--engineer-image) no-repeat top -30px right -30px / min(1920px, 55vw),
            var(--background-image) no-repeat center / cover;
    }
}
/* _content/Bpsc.Id/Components/Layout/MainLayout.razor.rz.scp.css */
/* Blazor default */
#blazor-error-ui[b-f07zmdq887] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-f07zmdq887] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

    
/* _content/Bpsc.Id/Components/Pages/Authentication/SignIn.razor.rz.scp.css */
/* Fix for labels to make them white */
[b-90tr6b4qkh] .fluent-input-label
{
    color: inherit;
}

[b-90tr6b4qkh] .validation-message
{
    color: #F1BBBC;
}