.demo-bottom-sheet-standard{isolation:isolate;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-lowest);width:480px;max-width:100%;height:420px;position:relative;overflow:hidden;transform:translateZ(0)}.demo-bottom-sheet-standard-scroller{box-sizing:border-box;height:100%;padding:16px;overflow-y:auto}.demo-bottom-sheet-standard-albums{grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.demo-bottom-sheet-standard-album{box-sizing:border-box;aspect-ratio:1;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);cursor:pointer;color:#fff;text-align:start;outline-offset:2px;border:none;outline:2px solid #0000;align-items:flex-end;width:100%;padding:12px;transition:outline-color .15s,transform .15s;display:flex}.demo-bottom-sheet-standard-album:hover{transform:translateY(-2px)}.demo-bottom-sheet-standard-album[data-active]{outline-color:var(--md-sys-color-primary)}.demo-bottom-sheet-standard-player{align-items:center;gap:12px;padding:12px 16px;display:flex}.demo-bottom-sheet-standard-art{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-primary);flex-shrink:0;width:40px;height:40px}.demo-bottom-sheet-standard-info{flex:auto;min-width:0}.demo-bottom-sheet-standard-subtitle{color:var(--md-sys-color-on-surface-variant)}.demo-bottom-sheet-standard-progress{align-items:center;gap:8px;padding:0 16px 12px;display:flex}.demo-bottom-sheet-standard-time{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;flex-shrink:0}.demo-bottom-sheet-standard-seek{flex:auto;min-width:0}