.sl-split{--sl-split-side-w:380px;--sl-split-gap:var(--space-16);--sl-split-at:1600px;--sl-split-mode:drawer;--sl-split-drawer-z:110;display:flex;align-items:flex-start;gap:0;min-width:0}.sl-split *,.sl-split *::before,.sl-split *::after{box-sizing:border-box}.sl-split__main{flex:1 1 auto;min-width:0}.sl-split__side{display:none;min-width:0}.sl-split--open>.sl-split__side{display:block}.sl-split__scrim{display:none;position:fixed;inset:0;z-index:calc(var(--sl-split-drawer-z) - 1);background:var(--overlay-scrim)}@media(min-width:1600px){.sl-split{--sl-split-mode:split}.sl-split--open{gap:var(--sl-split-gap)}.sl-split--open>.sl-split__side{flex:0 0 var(--sl-split-side-w);width:var(--sl-split-side-w);position:sticky;top:var(--space-16);max-height:calc(100vh - var(--space-48));overflow:visible}.sl-split--open>.sl-split__side>.sl-panel{max-height:calc(100vh - var(--space-48))}}@media(max-width:1599.98px){.sl-split--open>.sl-split__side{position:fixed;top:0;right:0;bottom:0;z-index:var(--sl-split-drawer-z);width:min(var(--sl-split-side-w),calc(100vw - var(--space-32)));background:var(--surface);border-left:var(--border-w) solid var(--border);box-shadow:-8px 0 24px rgba(0,0,0,.12);overflow:hidden}.sl-split--open>.sl-split__scrim{display:block}}