.demo-side-sheet-filter{flex-direction:column;width:360px;display:flex}.demo-side-sheet-filter-header{justify-content:space-between;align-items:center;padding:12px 8px 12px 24px;display:flex}.demo-side-sheet-filter-body{flex-direction:column;flex:auto;gap:12px;padding:0 24px 16px;display:flex;overflow-y:auto}.demo-side-sheet-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.demo-side-sheet-filter-actions{border-top:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;align-items:center;gap:8px;min-height:72px;padding:16px 24px 24px;display:flex}
.demo-side-sheet-standard{isolation:isolate;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);width:640px;max-width:100%;height:360px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.demo-side-sheet-standard-scroller{box-sizing:border-box;flex:auto;min-width:0;height:100%;padding:16px;overflow-y:auto}.demo-side-sheet-standard-files{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.demo-side-sheet-standard-file{border-radius:var(--md-sys-shape-corner-small);padding:10px 8px}.demo-side-sheet-standard-content{width:320px}.demo-side-sheet-standard-panel{box-sizing:border-box;height:100%;padding:16px}.demo-side-sheet-standard-meta{color:var(--md-sys-color-on-surface-variant);margin-bottom:16px}.demo-side-sheet-standard-preview{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);height:140px}
.demo-side-sheet-anchor-left{flex-direction:column;gap:8px;width:360px;padding:24px;display:flex}