/* Keep the whole operator row truthful; MudBlazor otherwise colors only the icon. */
.cafe-control-on,
.cafe-control-on .mud-list-item-text,
.cafe-control-on .mud-menu-item-icon,
.cafe-control-on .mud-icon-root {
    color: var(--mud-palette-warning) !important;
}

.cafe-control-skeleton {
    min-height: 40px;
}

/* Keep the neon-glass radio cinematic while every label and control remains real, accessible UI. */
.store-music-player {
    position: fixed;
    left: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    z-index: 1200;
    box-sizing: border-box;
    width: min(540px, calc(100vw - 24px));
    height: min(200px, calc(100dvh - 24px));
    min-height: 0;
    max-height: min(200px, calc(100dvh - 24px));
    overflow: hidden;
    isolation: isolate;
    color: #f3edff;
    background:
    linear-gradient(135deg, rgb(255 255 255 / 15%), transparent 34%, rgb(255 255 255 / 4%) 68%, rgb(211 179 255 / 11%)),
    radial-gradient(ellipse at 2% 108%, rgb(0 91 255 / 23%), transparent 38%),
    radial-gradient(ellipse at 92% 4%, rgb(219 0 255 / 22%), transparent 42%),
    linear-gradient(118deg, rgb(104 84 145 / 68%), rgb(54 42 87 / 70%) 55%, rgb(91 52 111 / 68%));
    border: 1px solid rgb(235 224 255 / 58%);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(36px) saturate(160%);
    backdrop-filter: blur(36px) saturate(160%);
    box-shadow: 0 24px 84px rgb(3 3 18 / 52%), 0 0 30px rgb(147 27 255 / 19%), inset 0 1px 0 rgb(255 255 255 / 34%), inset 0 -1px 0 rgb(225 201 255 / 16%);
}

.radio-player-content { position: relative; display: grid; box-sizing: border-box; height: 100%; min-height: 0; grid-template-rows: 36px minmax(0, 1fr) auto; gap: 6px; overflow: hidden; padding: 10px 12px; }
.radio-player-header { display: flex; min-width: 0; align-items: center; gap: 8px; min-height: 0; }
.radio-neon-mark { width: 36px; flex: 0 0 auto; overflow: visible; filter: drop-shadow(0 0 9px #ae18ff); }
.radio-neon-mark path, .radio-neon-mark rect, .radio-neon-mark circle { fill: none; stroke: #c83dff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.radio-neon-mark .radio-neon-soft { stroke: #7c3dff; }
.radio-brand-copy { min-width: 0; }
.radio-eyebrow, .radio-tagline { margin: 0; color: #c9c4dc; letter-spacing: .22em; text-transform: uppercase; }
.radio-eyebrow { font-size: .48rem; }
.radio-brand-title { overflow: hidden; margin: 1px 0 0; color: #faf7ff; font-size: 1rem; font-weight: 400; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 0 24px rgb(191 113 255 / 28%); }
.radio-tagline { display: none; }
.radio-scribble { display: none; }
.radio-scribble span { display: block; }
/* The close control belongs to the panel edge, not beside the brand title. */
.radio-player-close { align-self: center; margin-inline-start: auto; color: #d6d0e4 !important; }

/* The cards are image-backed, but their labels, selection rings, and icons remain accessible UI. */
.radio-mood-grid { display: grid; width: min(100%, 650px); min-height: 0; margin: 0 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: center; align-items: stretch; gap: 6px; }
.radio-mood-card { position: relative; display: flex; min-width: 0; min-height: 0; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 3px; overflow: hidden; padding: 4px; color: #fff; background-color: #0b0a1d; background-position: center; background-size: cover; border: 2px solid rgb(175 134 255 / 25%); border-radius: 12px; cursor: pointer; isolation: isolate; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.radio-mood-card::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(8 5 25 / 15%), rgb(7 6 22 / 30%) 42%, rgb(5 5 18 / 88%)); content: ''; }
.radio-mood-card:hover { transform: translateY(-3px); border-color: rgb(220 96 255 / 70%); }
.radio-mood-card.selected { border-color: #dc35ff; box-shadow: 0 0 0 1px #dc35ff, 0 0 26px rgb(208 36 255 / 45%), inset 0 0 22px rgb(208 36 255 / 19%); }
.radio-mood-card--club { background-image: url('/images/store-music/club.webp?v=2'); }
.radio-mood-card--chill { background-image: url('/images/store-music/chill.webp?v=2'); }
.radio-mood-card--party { background-image: url('/images/store-music/party.webp?v=2'); }
.radio-mood-card .mud-icon-root { width: 22px; height: 22px; color: #fff; filter: drop-shadow(0 0 12px #d323ff); }
.radio-mood-label { font-size: .58rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; text-shadow: 0 2px 12px #000; }
.radio-mood-choice { position: absolute; top: 3px; right: 3px; display: grid; width: 14px; height: 14px; place-items: center; border: 1px solid white; border-radius: 50%; background: rgb(5 4 18 / 50%); }
.radio-mood-card.selected .radio-mood-choice { border-color: #fff; background: #d12cff; box-shadow: 0 0 13px #ec3bff; }
.radio-mood-card.selected .radio-mood-choice::after { width: 6px; height: 6px; border-radius: 50%; background: white; content: ''; }

.radio-player-footer { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; padding-top: 6px; border-top: 1px solid rgb(209 193 255 / 28%); }
.radio-now-playing { min-width: 0; flex: 1 1 0; }
.radio-now-label { display: flex; align-items: center; gap: 5px; margin: 0 0 2px; color: #bbb5d1; font-size: .55rem; letter-spacing: .12em; }
.radio-buffering-indicator { display: none; flex: 0 0 auto; color: #e16bff; font: 700 .7rem/1 var(--vscode-font-code, monospace); }
.radio-buffering-indicator.active { display: inline-block; animation: hannah-loading-glyph 1s steps(2, end) infinite; }
.radio-buffering-indicator.active::after { content: "H"; }
.radio-track-title { overflow: hidden; margin: 0; color: #faf8ff; font-size: .78rem; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.radio-station-mode { display: none; }
.radio-audio-controls { display: flex; min-width: 0; flex: 0 0 48%; align-items: center; gap: 4px; }
.radio-volume-button { width: 30px; height: 30px; min-width: 30px; padding: 4px; color: #faf8ff !important; }
.radio-volume-slider { width: 0; min-width: 0; height: 6px; flex: 1 1 auto; accent-color: #d62bff; cursor: pointer; }
.radio-enable-audio { min-width: 0; height: 30px; padding: 0 6px; color: #fff; border-color: #d62bff; font-size: .58rem; white-space: nowrap; }

@media (max-width: 600px) {
    .store-music-player {
        left: 12px;
        bottom: max(10px, env(safe-area-inset-bottom));
        transform: none;
        width: calc(100vw - 24px);
        height: min(200px, calc(100dvh - 20px));
        min-height: 0;
        max-height: min(200px, calc(100dvh - 20px));
        border-radius: 18px;
    }
    .radio-player-content { gap: 5px; padding: 8px; }
    .radio-player-header { gap: 6px; }
    .radio-neon-mark { width: 32px; }
    .radio-brand-title { font-size: .9rem; }
    .radio-mood-grid { gap: 4px; }
    .radio-mood-card { border-radius: 10px; }
    .radio-mood-card .mud-icon-root { width: 20px; height: 20px; }
    .radio-mood-choice { top: 2px; right: 2px; width: 12px; height: 12px; }
    .radio-mood-label { font-size: .52rem; letter-spacing: .03em; }
    .radio-player-footer { gap: 5px; padding-top: 5px; }
    .radio-audio-controls { flex-basis: 50%; gap: 2px; }
    .radio-track-title { font-size: .7rem; }
    .radio-volume-button { width: 26px; height: 26px; min-width: 26px; }
    .radio-enable-audio { height: 26px; padding-inline: 4px; font-size: .52rem; }
}

/* One clipped application frame gives every route the same scroll owner and drawer geometry. */
html:has(.unified-shell), body:has(.unified-shell) { width: 100%; height: 100%; overflow: hidden !important; }
.unified-shell { width: 100%; height: 100dvh; min-height: 0; overflow: hidden !important; background: #05070b; }
.shell-frame { width: 100%; height: 100dvh; overflow: hidden !important; position: relative; color: #f7f7fb; background: #05070b; }
.shell-drawer-container { display: flex; width: 100%; height: 100%; min-height: 0; overflow: hidden !important; }

/* Desktop keeps a full-width persistent tree; compact layouts remove the closed drawer entirely. */
.unified-shell .vscode-sidebar.mud-drawer { position: relative; z-index: 2; height: 100%; flex: 0 0 auto; border-right: 1px solid rgba(155,164,187,.15); background: linear-gradient(180deg,#080a10,#05070b 70%); }
.unified-shell .vscode-sidebar .mud-drawer-content { display: flex; height: 100%; flex-direction: column; overflow: hidden !important; background: transparent; color: #f7f7fb; }
.shell-drawer-header { display: flex; min-height: 70px; align-items: center; justify-content: center; gap: .55em; padding: 0 .45em; border-bottom: 1px solid rgba(155,164,187,.15); }
.shell-drawer-header .mud-icon-button { display: none; flex: 0 0 auto; }
.shell-menu-toggle.mud-icon-button { box-sizing: border-box; width: 46px; height: 46px; min-width: 46px; padding: 3px; border-radius: 10px; background-color: transparent !important; }
.shell-menu-toggle.mud-icon-button:hover, .shell-menu-toggle.mud-icon-button:active, .shell-menu-toggle.mud-icon-button:focus { background-color: transparent !important; }
.shell-menu-toggle.mud-ripple::after { display: none; }
.shell-menu-toggle-visual { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #fff; }
.shell-menu-toggle-bars { position: relative; display: flex; width: 37px; height: 30px; flex-direction: column; justify-content: space-between; }
.shell-menu-toggle-bars span { display: block; width: 100%; height: 3px; flex: 0 0 3px; border-radius: 999px; background: currentColor; box-shadow: 0 0 9px rgb(228 219 255 / 52%); transition: transform .32s cubic-bezier(.2,.8,.2,1), opacity .2s ease; }
.shell-menu-toggle-label { font-size: .5rem; font-weight: 900; line-height: 1; letter-spacing: .2em; transition: opacity .18s ease, letter-spacing .28s ease; }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-bars { width: 34px; height: 34px; }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-bars span { position: absolute; top: 50%; left: 0; width: 34px; }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-bars span:first-child { transform: translateY(-50%) rotate(45deg); }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-bars span:nth-child(2) { opacity: 0; }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-bars span:last-child { transform: translateY(-50%) rotate(-45deg); }
.shell-menu-toggle-visual.is-open .shell-menu-toggle-label { display: none; }
.shell-brand { overflow: hidden; color: var(--mud-palette-primary); font-size: 16px !important; font-weight: 800; letter-spacing: .08em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.shell-brand-link { color: inherit !important; }
.shell-mobile-menu-bar { display: none; }
.unified-shell .vscode-sidebar .mud-navmenu { padding: .2em 0 1em; scrollbar-color: #383341 #080a10; }
/* Only the outer tree owns a scroll port; the footer stays outside its scrolling area. */
.unified-shell .vscode-sidebar .shell-nav-tree { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
/* MudNavGroup creates nested menus with scroll containment. Let wheel/touch input reach the outer tree instead. */
.unified-shell .vscode-sidebar .shell-nav-tree .mud-navmenu { flex: none; overflow: visible; overscroll-behavior: auto; }
/* MudBlazor makes expanded collapse wrappers scrollable; keep the tree as the only menu scroll owner. */
.unified-shell .vscode-sidebar .mud-nav-group .mud-collapse-entered .mud-collapse-wrapper { overflow: visible !important; }
.unified-shell .vscode-sidebar .mud-nav-link,
.unified-shell .vscode-sidebar .mud-nav-group > .mud-nav-link { min-height: 58px; align-items: center; color: #c8cad3; }
/* Keep the neon readable without pushing its shadow into the nav scrollport clipping edge. */
.unified-shell .vscode-sidebar .mud-navmenu .mud-nav-link .mud-nav-link-icon,
.unified-shell .vscode-sidebar .mud-navmenu .mud-nav-group > .mud-nav-link .mud-nav-link-icon {
    box-sizing: border-box;
    display: inline-flex;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    margin-inline: 0 .7rem !important;
    overflow: visible;
    font-size: 32px !important;
    line-height: 1;
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--nav-accent) 82%, white)) drop-shadow(0 0 6px color-mix(in srgb, var(--nav-accent) 78%, #387cff));
    transition: filter .22s ease;
}
.unified-shell .vscode-sidebar .mud-navmenu .mud-nav-link-icon path {
    fill: none !important;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}
.unified-shell .vscode-sidebar .mud-nav-link-expand-icon { color: #cbb5ff; filter: drop-shadow(0 0 4px #925bff) drop-shadow(0 0 9px rgb(38 137 255 / 75%)); }
/* Section accents inherit through submenus; explicit child sections override their parent without painting labels. */
.shell-nav-tree { --nav-accent: #b99aff; }
.shell-nav-tree :is(.nav-link-home, .nav-group-agents, .nav-link-agents) { --nav-accent: #b99aff; }
.shell-nav-tree :is(.nav-link-tournaments, .nav-group-stats, .nav-link-stats, .nav-group-settings, .nav-link-settings) { --nav-accent: #f5ce68; }
.shell-nav-tree :is(.nav-group-cafe, .nav-group-gaming, .nav-link-gaming) { --nav-accent: #59d6ed; }
.shell-nav-tree :is(.nav-link-about, .nav-group-printing, .nav-link-printing, .nav-group-system, .nav-link-system) { --nav-accent: #91b9ee; }
.shell-nav-tree :is(.nav-group-store, .nav-link-store) { --nav-accent: #80d4a0; }
.shell-nav-tree .nav-link-cashout { --nav-accent: #efb574; }
.shell-nav-tree :is(.nav-group-karaoke, .nav-link-karaoke) { --nav-accent: #f38fb9; }
.shell-nav-tree :is(.nav-group-rooms, .nav-link-rooms) { --nav-accent: #7adbc5; }
.shell-nav-tree :is(.nav-group-energy, .nav-link-energy) { --nav-accent: #f5db70; }
.shell-nav-tree :is(.nav-group-rag, .nav-link-rag) { --nav-accent: #d4a0f5; }
.shell-nav-tree :is(.nav-group-cameras, .nav-link-cameras) { --nav-accent: #ee9b9f; }
.shell-nav-tree .nav-group-collab { --nav-accent: #8bcfc1; }
.shell-nav-tree .nav-group-bittensor { --nav-accent: #b4b3f4; }
.unified-shell .vscode-sidebar .mud-nav-link .mud-icon-root { color: var(--nav-accent); }
/* Focus adds a small pulse of light without moving the icon or changing its section hue. */
.unified-shell .vscode-sidebar .mud-nav-link:is(:hover, :focus-visible) .mud-nav-link-icon { filter: drop-shadow(0 0 2px white) drop-shadow(0 0 6px var(--nav-accent)); }
.unified-shell .vscode-sidebar .mud-nav-link:hover { color: #fff; background: #ffffff0c; }
.unified-shell .vscode-sidebar .mud-nav-link.active,
.unified-shell .vscode-sidebar .mud-nav-link.mud-nav-link-active { border-left: 3px solid #711cff; border-radius: 0 !important; color: #b987ff; background: linear-gradient(90deg,#711cff35,#711cff0b); }
.unified-shell .vscode-sidebar .mud-nav-link.active .mud-icon-root,
.unified-shell .vscode-sidebar .mud-nav-link.mud-nav-link-active .mud-icon-root { color: var(--nav-accent); }
.unified-shell .vscode-sidebar .mud-nav-link:is(.active, .mud-nav-link-active) { box-shadow: inset 0 0 24px rgb(115 49 255 / 12%); }
.vscode-sidebar-footer { display: grid; flex: 0 0 auto; grid-template-columns: minmax(0, 1fr) auto; gap: .25em .4em; padding: .4em .5em max(.4em, env(safe-area-inset-bottom)); border-top: 1px solid rgba(155,164,187,.15); background: #080a10; }
.vscode-sidebar-controls { display: flex; min-width: 0; flex: 1 1 auto; grid-column: 1; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: .1em; }
.vscode-sidebar-controls .mud-icon-button { width: 32px; height: 32px; min-width: 32px; padding: 4px; }
.vscode-sidebar-controls .mud-icon-button .mud-icon-root { filter: drop-shadow(0 0 1px rgb(164 91 255 / 55%)); }
.vscode-sidebar-controls .mud-avatar { width: 38px; height: 38px; }
.vscode-sidebar-version { grid-column: 2; grid-row: 2; align-self: center; margin: 0; opacity: .6; padding: 0; font-size: 10px !important; text-align: right; white-space: nowrap; }
.shell-public-footer { display: flex; min-width: 0; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: .35em; color: #9799a5; }
.shell-public-tagline { overflow: hidden; margin: 0; font-size: .58em; line-height: 1.4; letter-spacing: .08em; text-overflow: ellipsis; white-space: nowrap; }
.shell-public-socials { display: flex; flex: 0 0 auto; align-items: center; gap: .55em; color: #efeff4; }
.shell-public-socials i { filter: drop-shadow(0 0 1px rgb(179 107 255 / 45%)); }

/* Main content owns the page scroll; clipping at the frame prevents the old second viewport scrollbar. */
/* The drawer container is already a flex row; MudMainContent's default drawer offset would count the drawer twice. */
.shell-main.mud-main-content { height: 100%; min-width: 0; min-height: 0; flex: 1 1 auto; margin-left: 0 !important; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding-top: 0; scrollbar-color: #383341 #080a10; color: var(--mud-palette-text-primary); }
.shell-main .content {
    min-width: 0;
    min-height: 100%;
    box-shadow:
    inset 30px 0 30px -30px rgb(0 0 0 / 24%),
    inset -30px 0 30px -30px rgb(0 0 0 / 24%);
    
}
@media (max-width: 1023.98px) {
    .shell-drawer-header .mud-icon-button { display: inline-flex; }
    .unified-shell .vscode-sidebar.mud-drawer-mini.mud-drawer--closed {
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        flex-basis: 0 !important;
        overflow: hidden !important;
        visibility: hidden;
        border: 0;
    }
    .shell-mobile-menu-bar {
        position: absolute;
        z-index: calc(var(--mud-zindex-appbar, 1300) + 3);
        inset: 10px auto auto 10px;
        display: flex;
        width: min(344px, calc(100vw - 20px));
        height: 68px;
        align-items: center;
        gap: .65em;
        /* MudDrawerContainer offsets every sibling after its mini drawer, including this overlay. */
        margin-left: 0 !important;
        padding-inline: 12px;
        isolation: isolate;
        background: transparent;
        border: 0;
        border-radius: 22px;
        box-shadow: 0 12px 36px rgb(8 8 20 / 30%), 0 0 20px rgb(111 91 255 / 14%);
        pointer-events: none;
        transition: inset .48s cubic-bezier(.2,.8,.2,1), width .48s cubic-bezier(.2,.8,.2,1), height .48s cubic-bezier(.2,.8,.2,1), padding-inline .48s cubic-bezier(.2,.8,.2,1), border-radius .4s ease, box-shadow .4s ease;
    }
    /* The dock becomes a black, edge-to-edge cap before the menu drops out beneath it. */
    .shell-mobile-menu-bar::before { position: absolute; z-index: -1; inset: 0; border: 0; border-radius: inherit; background: linear-gradient(125deg, rgb(255 255 255 / 15%), rgb(174 131 255 / 16%) 45%, rgb(20 25 58 / 68%)); -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%); content: ''; pointer-events: none; transition: background .35s ease, border-radius .35s ease; }
    .shell-mobile-menu-bar::after { position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: #05070b; content: ''; opacity: 0; pointer-events: none; transition: opacity .4s ease, border-radius .4s ease; }
    .shell-mobile-menu-bar .shell-menu-toggle { width: 48px; height: 48px; min-width: 48px; flex: 0 0 48px; padding: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none; pointer-events: auto; }
    .shell-mobile-menu-bar .shell-menu-toggle-visual { gap: 0; }
    .shell-mobile-menu-bar .shell-menu-toggle-label { display: none; }
    .shell-mobile-brand { overflow: hidden; color: #bd9aff; font-size: clamp(14px, 3.8vw, 20px) !important; font-weight: 800; letter-spacing: .12em; text-overflow: ellipsis; text-shadow: 0 0 20px rgb(169 109 255 / 40%); text-transform: uppercase; white-space: nowrap; }
    .shell-mobile-menu-bar.drawer-open { inset: 0 auto auto 0; width: 100vw; height: 88px; padding-inline: 24px; overflow: hidden; border: 0; border-radius: 0; box-shadow: 0 16px 40px rgb(4 5 13 / 34%); }
    .shell-mobile-menu-bar.drawer-open::before { border: 0; border-radius: 0; background: #05070b; }
    .shell-mobile-menu-bar.drawer-open::after { border-radius: 0; opacity: 1; }
    .shell-drawer-header { min-height: 68px; }
    /* Compact drawer overlays the route; MudBlazor's temporary-drawer scrim sits at appbar + 1. */
    .unified-shell .vscode-sidebar.mud-drawer--open {
        position: absolute;
        inset-block: 88px 0;
        width: min(360px, 88vw) !important;
        max-width: 88vw !important;
        height: auto;
        z-index: calc(var(--mud-zindex-appbar, 1300) + 2);
    }
    /* Keep MudBlazor's horizontal drawer motion; animate its contents dropping from the cap. */
    .unified-shell .vscode-sidebar.mud-drawer--open .mud-drawer-content { animation: shell-menu-drop .38s cubic-bezier(.2,.8,.2,1) .16s both; background: #05070b; }
    @keyframes shell-menu-drop { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } }
    .unified-shell .vscode-sidebar.mud-drawer--open .shell-drawer-header { display: none; }
    .vscode-sidebar-footer { gap: .2em; padding: .35em .25em; }
    .vscode-sidebar-controls .mud-icon-button { width: 32px; height: 32px; min-width: 32px; }
    .shell-main { width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .shell-menu-toggle-bars span, .shell-menu-toggle-label, .shell-mobile-menu-bar, .shell-mobile-menu-bar::before, .shell-mobile-menu-bar::after { transition-duration: 0ms !important; }
    .unified-shell .vscode-sidebar.mud-drawer--open .mud-drawer-content { animation: none !important; }
}

/* inlined-from-razor-css: MainLayout.razor.css */
@media (max-width: 600px) {
    .hide-mobile-header-link {
        display: none !important;
    }
}