:root {
    color-scheme: light dark;
}

html, body {
    overscroll-behavior-y: none; /* block pull to refresh (all browsers) */
    overflow-y: hidden; /* block scrolling (Chrome Android) */
}

body {
    height: 100vh;
}

.bottom-sheet-background ,
.bottom-sheet {
     /* display in front of AppBar but behind Popovers (see MainLayout.razor.cs) */
    z-index: 1400;
}

.mud-bottom-sheet {
    background-color: var(--mud-palette-surface) !important;
    border: 2px solid var(--mud-palette-divider) !important;
}

.mud-bottom-sheet .bottom-sheet-handle rect {
    fill: var(--mud-palette-lines-inputs);
}