@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.3eliywa438.bundle.scp.css';

/* _content/Mobile.Upload.Blazor/Components/Layout/MainLayout.razor.rz.scp.css */
[b-pfzd63ab5h] .header.main-header {
	background: var(--header-footer-color);
}
/* _content/Mobile.Upload.Blazor/Components/Layout/NavMenu.razor.rz.scp.css */
[b-6ayi5al4s6] .fluent-nav-item .positioning-region {
    background: #65B2B7;
}

[b-6ayi5al4s6] a:hover {
    font-weight: bold;
}


/* _content/Mobile.Upload.Blazor/Components/Shared/UploadButton.razor.rz.scp.css */
/*
    https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-8.0
    https://github.com/microsoft/fluentui-blazor/issues/207
Web components(fluent-anchor) are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags
to use in web pages and web apps. The ::part pseudo-element represents an element within a shadow tree that has been
assigned a part name by its shadow host’s part attribute.*/

/*Selector to target the control part of a fluent-anchor component with the classes btnLink and accent in the shadow DOM.*/
[b-zfxz737jws] fluent-anchor.btnLink.accent::part(control) {
    min-width: 30rem;
    background: #589CD5;
    color: white;
    font-weight: 900;
    height: 40px;
    border: none;
}