.demo-bottom-sheet-basic{flex-direction:column;gap:8px;padding:0 24px 24px;display:flex}
.demo-bottom-sheet-actions{padding-bottom:8px}.demo-bottom-sheet-actions-header{justify-content:space-between;align-items:center;padding:0 8px 8px 24px;display:flex}.demo-bottom-sheet-actions-list{margin:0;padding:8px 0;list-style:none}.demo-bottom-sheet-actions-item{width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:12px 24px;display:flex}.demo-bottom-sheet-actions-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}
.demo-bottom-sheet-list{margin:0;padding:8px 0 16px;list-style:none}.demo-bottom-sheet-list-item{width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;background:0 0;border:none;align-items:center;gap:24px;padding:12px 24px;display:flex}.demo-bottom-sheet-list-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}
.demo-bottom-sheet-media{color:#e6e1e5;background:#1c1b1f}.demo-bottom-sheet-media-header{align-items:center;gap:16px;padding:0 24px 16px;display:flex}.demo-bottom-sheet-media-art{border-radius:var(--md-sys-shape-corner-small);background:linear-gradient(135deg,#b69df8,#7c4dff);flex-shrink:0;width:56px;height:56px}.demo-bottom-sheet-media-titles{color:#e6e1e5;min-width:0}.demo-bottom-sheet-media-subtitle{color:#cac4d0}.demo-bottom-sheet-media-divider{background:#48454e;height:1px;margin:0 24px 8px}.demo-bottom-sheet-media-list{margin:0;padding:0 0 16px;list-style:none}.demo-bottom-sheet-media-item{color:#e6e1e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:24px;width:100%;padding:12px 24px;display:flex}.demo-bottom-sheet-media-item:hover{background:#e6e1e514}
.demo-bottom-sheet-icon-grid{padding:0 0 24px}.demo-bottom-sheet-icon-grid-actions{margin:0;padding:0 8px;list-style:none;display:flex;overflow-x:auto}.demo-bottom-sheet-icon-grid-action{width:88px;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:8px 4px;display:flex}.demo-bottom-sheet-icon-grid-action-icon{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.demo-bottom-sheet-icon-grid-action:hover .demo-bottom-sheet-icon-grid-action-icon{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, var(--md-sys-color-surface-container-high))}.demo-bottom-sheet-icon-grid-divider{background:var(--md-sys-color-outline-variant);height:1px;margin:8px 24px 16px}.demo-bottom-sheet-icon-grid-heading{padding:0 24px 12px;display:block}.demo-bottom-sheet-icon-grid-contacts{gap:16px;margin:0;padding:0 24px;list-style:none;display:flex;overflow-x:auto}.demo-bottom-sheet-icon-grid-contact{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;display:flex}.demo-bottom-sheet-icon-grid-avatar{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));border-radius:50%;width:40px;height:40px}