/* GSW-0006: rules that MudBlazor.min.css (MudBlazor 7.15.0) applied to public pages while it was loaded on every page.
   The public site was built on top of them, so they are kept to leave its look unchanged now that MudBlazor loads
   only on /admin. Generated by documents/tasks/GSW-0006-public-assets/test/gen_public_base.py - do not edit by hand.
   var(--mud-*) is undefined on public pages (MudThemeProvider renders only in AdminLayout), so those declarations
   are written as "unset", which is what they computed to. Load this file at the position MudBlazor.min.css had. */
* { box-sizing: border-box; margin: 0; padding: 0; border-width: 0; border-style: solid; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0,0,0,0) }
strong, b { font-weight: 700 }
body { color: unset; font-family: unset; font-size: unset; font-weight: unset; line-height: unset; letter-spacing: unset; text-transform: unset; background-color: unset }
a { color: unset }
#blazor-error-ui { background-color: unset; color: unset; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2); display: none; left: 0; padding: .6rem 1.75rem .7rem 1.25rem; position: fixed; width: 100%; z-index: 9999 }
#components-reconnect-modal { z-index: 9999 !important; background-color: unset !important }
#components-reconnect-modal h5 { font-size: 18px }
#components-reconnect-modal button { color: unset; padding: 8px 16px; font-size: .875rem; min-width: 64px; box-sizing: border-box; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-weight: 500; line-height: 1; border-radius: unset; letter-spacing: .02857em; text-transform: uppercase; margin: 40px auto !important }
@media(hover: hover)and (pointer: fine) {
    #components-reconnect-modal button:hover { background-color: unset }
}
a { text-decoration: none }
a:focus-visible { outline: none }
label { display: inline-block }
button { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: rgba(0,0,0,0); -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0,0,0,0) }
button:focus { outline: none }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
select { word-wrap: normal }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button }
iframe { border: none; height: 100%; width: 100% }
ul { margin: 0; padding: 0; list-style: none }
.border-0 { border-width: 0px !important }
.d-block { display: block !important }
.d-flex { display: flex !important }
[hidden] { display: none !important }
.mt-1 { margin-top: 4px !important }
.mb-2 { margin-bottom: 8px !important }
.mt-3 { margin-top: 12px !important }
.mb-3 { margin-bottom: 12px !important }
.mt-4 { margin-top: 16px !important }
.mb-4 { margin-bottom: 16px !important }
.mt-5 { margin-top: 20px !important }
.mb-5 { margin-bottom: 20px !important }
.mx-auto { margin-right: auto !important }
.mx-auto { margin-left: auto !important }
.px-4 { padding-right: 16px !important }
.px-4 { padding-left: 16px !important }
.py-5 { padding-top: 20px !important }
.px-5 { padding-right: 20px !important }
.px-5 { padding-left: 20px !important }
.py-5 { padding-bottom: 20px !important }
.py-6 { padding-top: 24px !important }
.py-6 { padding-bottom: 24px !important }