@layer m3-components{.m3-fab{--_h:56px;--_icon:24px;--_r:16px;--_r-press:12px;--_gap:8px;--_fs:14px;--_lh:20px;--_ls:.1px;--_px:calc(.5 * (var(--_h) - var(--_icon)));--_container:var(--md-sys-color-primary-container);--_content:var(--md-sys-color-on-primary-container);height:var(--_h);min-width:var(--_h);padding:0 var(--_px);border-radius:var(--_r);background:var(--_container);color:var(--_content);--m3-sl:var(--_content);--m3-icon-size:var(--_icon);box-shadow:var(--md-sys-elevation-3);font-family:var(--md-ref-typeface-brand);font-size:var(--_fs);line-height:var(--_lh);letter-spacing:var(--_ls);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-radius var(--md-sys-motion-t-small),background-color var(--md-sys-motion-t-fx-small),color var(--md-sys-motion-t-fx-small),box-shadow var(--md-sys-motion-t-fx-small);border:0;flex:none;justify-content:center;align-items:center;margin:0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.m3-fab:after{content:"";inset:min(0px,-.5 * (var(--md-sys-size-touch) - var(--_h)));position:absolute}@media (hover:hover){.m3-fab:hover{box-shadow:var(--md-sys-elevation-4)}}.m3-fab[data-size=m]{--_h:80px;--_icon:28px;--_r:20px;--_r-press:16px;--_gap:16px;--_fs:16px;--_lh:24px;--_ls:.15px}.m3-fab[data-size=l]{--_h:96px;--_icon:32px;--_r:28px;--_r-press:20px;--_gap:20px;--_fs:24px;--_lh:32px;--_ls:0px}.m3-fab[data-tone=secondary]{--_container:var(--md-sys-color-secondary-container);--_content:var(--md-sys-color-on-secondary-container)}.m3-fab[data-tone=tertiary]{--_container:var(--md-sys-color-tertiary-container);--_content:var(--md-sys-color-on-tertiary-container)}.m3-fab[data-tone=surface]{--_container:var(--md-sys-color-surface-container-high);--_content:var(--md-sys-color-primary)}.m3-fab__label{opacity:0;min-width:0;transition:grid-template-columns var(--md-sys-motion-t-small),opacity var(--md-sys-motion-t-fx-small);grid-template-columns:minmax(0,0fr);display:grid;overflow:hidden}.m3-fab__text{min-width:0;padding-inline-start:var(--_gap);overflow:hidden}.m3-fab[data-extended] .m3-fab__label{opacity:1;grid-template-columns:minmax(0,1fr)}.m3-fab:active:not(:disabled){border-radius:var(--_r-press);box-shadow:var(--md-sys-elevation-3);transition-duration:var(--md-sys-motion-dur-instant),var(--md-sys-motion-fx-small),var(--md-sys-motion-fx-small),var(--md-sys-motion-fx-small)}.m3-fab.m3-fab:disabled{cursor:not-allowed;box-shadow:none;--_container:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--_content:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}@media (forced-colors:active){.m3-fab{border:1px solid buttontext}}}@layer m3-density{:root[data-density=compact] .m3-fab{--_h:48px;--_icon:22px;--_r:14px;--_r-press:10px;--_gap:8px;--_fs:13px;--_lh:18px}:root[data-density=compact] .m3-fab[data-size=m]{--_h:64px;--_icon:24px;--_r:18px;--_r-press:14px;--_gap:12px;--_fs:15px;--_lh:20px}:root[data-density=compact] .m3-fab[data-size=l]{--_h:80px;--_icon:28px;--_r:24px;--_r-press:18px;--_gap:16px;--_fs:20px;--_lh:28px}}