@layer m3-components{.m3-shell{--_nav-room:calc(var(--md-sys-size-nav-bar-floating) + 2 * var(--md-sys-space-3) + env(safe-area-inset-bottom,0px));background:var(--md-sys-color-surface);min-block-size:100dvh;color:var(--md-sys-color-on-surface);display:flex}.m3-shell__body{flex:1;min-width:0;display:flex}.m3-shell__col,.m3-shell__panel{flex-direction:column;flex:1;min-width:0;display:flex}.m3-shell[data-layout=rail] .m3-rail{transition:background-color var(--md-sys-motion-t-fx-medium),inline-size var(--md-sys-motion-t-medium),padding-inline var(--md-sys-motion-t-medium)}.m3-shell[data-layout=rail][data-scrolled] .m3-rail{background:color-mix(in srgb,var(--md-sys-color-surface-container) var(--md-sys-glass-bar,100%),var(--md-sys-color-surface))}.m3-shell[data-layout=bar],.m3-shell__scroll{flex-direction:column}.m3-shell[data-layout=bar] .m3-rail[data-sticky]{top:var(--md-sys-size-app-bar);block-size:calc(100dvh - var(--md-sys-size-app-bar));padding-block-start:var(--md-sys-space-3)}:root:has(.m3-shell[data-layout=frame]){scrollbar-gutter:auto;overflow:hidden}.m3-shell[data-layout=frame]{--_strip:var(--md-sys-space-3);background:var(--md-sys-color-surface-container);block-size:100dvh;overflow:hidden}.m3-shell[data-layout=frame][data-class=compact]{--_strip:0px}.m3-shell[data-layout=frame] .m3-rail{background:0 0}.m3-shell[data-layout=frame] .m3-appbar{background:var(--md-sys-color-surface-container);position:relative}.m3-shell[data-layout=frame] .m3-shell__col{min-block-size:0}.m3-shell__stage{min-block-size:0;flex:1;min-width:0;position:relative}.m3-shell__stage:before{content:"";inset:0 var(--_strip) 0 0;background:var(--md-sys-color-surface);pointer-events:none;border-start-start-radius:var(--md-sys-shape-corner-extra-large);border-start-end-radius:var(--md-sys-shape-corner-extra-large);position:absolute}.m3-shell__scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto;display:flex;position:absolute;inset:0;overflow:hidden auto}.m3-shell__scroll[data-overlay-bars]{padding-inline-end:var(--_strip)}.m3-shell__scroll::-webkit-scrollbar{inline-size:var(--_strip);block-size:var(--_strip);background:0 0}.m3-shell__scroll::-webkit-scrollbar-track{margin-block:var(--md-sys-space-6) var(--md-sys-space-3);background:0 0}.m3-shell__scroll::-webkit-scrollbar-thumb{border-radius:var(--md-sys-shape-corner-full);background-clip:padding-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent);border:3px solid #0000;min-block-size:48px}.m3-shell__scroll:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 26%,transparent)}.m3-shell__scroll::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)}.m3-shell__scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)}@supports not selector(::-webkit-scrollbar){.m3-shell__scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 22%,transparent) transparent}}.m3-shell[data-layout=frame] .m3-shell__main{padding-block-start:var(--md-sys-page-margin)}.m3-shell__main{inline-size:100%;max-inline-size:var(--md-sys-size-content-max);padding:var(--md-sys-space-2) var(--md-sys-page-margin) var(--md-sys-space-12);flex:1;margin-inline:auto}.m3-shell[data-class=compact] .m3-shell__main{padding-block-end:calc(var(--_nav-room) + var(--md-sys-space-4))}.m3-shell__brand{text-overflow:ellipsis;display:block;overflow:hidden}}