@layer m3-components{.m3-split{--_side:360px;width:100%;min-width:0;container:m3-split/inline-size}.m3-split[data-width="280"]{--_side:280px}.m3-split[data-width="320"]{--_side:320px}.m3-split[data-width="412"]{--_side:412px}.m3-split__in{gap:var(--_gap);grid-template-columns:minmax(0,1fr) var(--_side);align-items:start;display:grid}.m3-split[data-side=start]>.m3-split__in{grid-template-columns:var(--_side) minmax(0,1fr)}.m3-split[data-side=start] .m3-split__side{grid-area:1/1}.m3-split[data-side=start] .m3-split__main{grid-area:1/2}.m3-split__main,.m3-split__side{min-width:0}.m3-split__main:empty{display:none}.m3-split__back{margin:calc(-1 * var(--md-sys-space-2)) 0 var(--md-sys-space-2) calc(-1 * var(--md-sys-space-3));display:none}@container m3-split (width<600px){.m3-split[data-stack="600"]>.m3-split__in{grid-template-columns:minmax(0,1fr)}.m3-split[data-stack="600"] .m3-split__main,.m3-split[data-stack="600"] .m3-split__side{grid-area:auto/1}.m3-split[data-stack="600"][data-pane=main] .m3-split__side,.m3-split[data-stack="600"][data-pane=side] .m3-split__main{display:none}.m3-split[data-stack="600"][data-pane] .m3-split__back{display:block}}@container m3-split (width<720px){.m3-split[data-stack="720"]>.m3-split__in{grid-template-columns:minmax(0,1fr)}.m3-split[data-stack="720"] .m3-split__main,.m3-split[data-stack="720"] .m3-split__side{grid-area:auto/1}.m3-split[data-stack="720"][data-pane=main] .m3-split__side,.m3-split[data-stack="720"][data-pane=side] .m3-split__main{display:none}.m3-split[data-stack="720"][data-pane] .m3-split__back{display:block}}@container m3-split (width<840px){.m3-split[data-stack="840"]>.m3-split__in{grid-template-columns:minmax(0,1fr)}.m3-split[data-stack="840"] .m3-split__main,.m3-split[data-stack="840"] .m3-split__side{grid-area:auto/1}.m3-split[data-stack="840"][data-pane=main] .m3-split__side,.m3-split[data-stack="840"][data-pane=side] .m3-split__main{display:none}.m3-split[data-stack="840"][data-pane] .m3-split__back{display:block}}}