.m3-layout{--layout-drawer-width:15rem;--layout-rail-width:5rem;--layout-bar-height:5rem;--layout-header-height:4rem;--layout-background:var(--color-surface);--layout-content-padding:1.5rem;--layout-transition:all var(--duration-normal) var(--ease-out);--layout-drawer-display:none;--layout-rail-display:none;--layout-bar-display:flex;--layout-main-margin-left:0;--layout-main-padding-bottom:var(--layout-bar-height);--layout-header-display:flex;--layout-header-menu-display:flex;background-color:var(--layout-background);box-sizing:border-box;display:flex;min-height:100vh;min-height:100dvh;position:relative}.m3-layout>.layout-drawer{display:var(--layout-drawer-display);width:var(--layout-drawer-width)}.m3-layout>.layout-drawer,.m3-layout>.layout-rail{bottom:0;flex-direction:column;left:0;position:fixed;top:0;z-index:var(--z-fixed)}.m3-layout>.layout-rail{align-items:center;display:var(--layout-rail-display);width:var(--layout-rail-width)}.m3-layout>.layout-main{display:flex;flex:1;flex-direction:column;margin-left:var(--layout-main-margin-left);min-height:100vh;min-height:100dvh;min-width:0;padding-bottom:var(--layout-main-padding-bottom);transition:var(--layout-transition)}.m3-layout .layout-header{display:var(--layout-header-display)}.m3-layout .layout-header .bar-leading{display:var(--layout-header-menu-display)}.m3-layout .layout-content{flex:1;overflow-y:auto;padding:var(--layout-content-padding)}.m3-layout>.layout-bar{display:var(--layout-bar-display)}@media (min-width:600px){.m3-layout{--layout-drawer-display:none;--layout-rail-display:flex;--layout-bar-display:none;--layout-main-margin-left:var(--layout-rail-width);--layout-main-padding-bottom:0}}@media (min-width:840px){.m3-layout{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}}.m3-layout.layout\:fixed-drawer{--layout-drawer-display:flex;--layout-rail-display:none;--layout-bar-display:none;--layout-main-margin-left:var(--layout-drawer-width);--layout-main-padding-bottom:0;--layout-header-menu-display:none}.m3-layout.layout\:no-header{--layout-header-display:none}