.demo-fab-screen{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);width:min(360px,100%);height:320px;position:relative;overflow:hidden}.demo-fab-list{padding:8px;height:100%;margin:0;padding-block-end:88px;list-style:none;overflow-y:auto}.demo-fab-item{border-radius:var(--md-sys-shape-corner-medium);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.demo-fab-subject{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface)}.demo-fab-preview{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking);color:var(--md-sys-color-on-surface-variant)}.demo-fab-fab{position:absolute;inset-block-end:16px;inset-inline-end:32px}