@charset "utf-8";

body { --layout-nav-zIndex: 1099; --layout-nav-mobile-width: 288px; --layout-header-blur: 8px; --layout-header-zIndex: 1101; --layout-header-mobile-height: 64px; --layout-header-desktop-height: 72px; --layout-transition-easing: linear; --layout-transition-duration: 120ms; --layout-nav-mini-width: 88px; --layout-nav-vertical-width: 256px; --layout-nav-horizontal-height: 64px; --layout-dashboard-content-pt: 0; --layout-dashboard-content-pb: calc(8 * var(--spacing)); --layout-dashboard-content-px: calc(2 * var(--spacing)); --layout-dashboard-content-pb-mobile: calc(3 * var(--spacing)); --layout-nav-bg: var(--palette-background-paper); --layout-nav-horizontal-bg: rgba(var(--palette-background-defaultChannel) / 80%); --layout-nav-border-color: rgba(var(--palette-grey-500Channel) / 12%); --layout-nav-text-primary-color: var(--palette-text-primary); --layout-nav-text-secondary-color: var(--palette-text-secondary); --layout-nav-text-disabled-color: var(--palette-text-disabled); --layout-footer-height: calc(64px + env(safe-area-inset-bottom, 0px)); overflow-x: hidden; min-height: 100vh; padding-bottom: env(safe-area-inset-bottom, 0px); }

:where([data-color-scheme="dark"]) body { --layout-nav-bg: var(--palette-background-paper); --layout-nav-border-color: rgba(var(--palette-grey-500Channel) / 8%); --layout-nav-horizontal-bg: rgba(var(--palette-background-defaultChannel) / 96%); }

#root { min-height: 100vh; overflow-x: hidden; }