@layer m3-components{.m3-btn{--_h:var(--md-sys-size-btn-s);--_px:16px;--_gap:8px;--_icon:20px;--_r-sq:12px;--_r-press:8px;--_ow:1px;--_fs:14px;--_lh:20px;--_ls:.1px;--_r-round:calc(var(--_h) / 2);--_container:transparent;--_label:var(--md-sys-color-primary);--_outline:transparent;--_r-rest:var(--_r-round);--_r-sel:var(--_r-sq);justify-content:center;align-items:center;gap:var(--_gap);height:var(--_h);min-width:calc(var(--_h) * 1.4);padding-inline:var(--_px);border:var(--_ow) solid var(--_outline);border-radius:var(--_r-rest);background:var(--_container);color:var(--_label);--m3-sl:var(--_label);--m3-icon-size:var(--_icon);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),border-color var(--md-sys-motion-t-fx-small),box-shadow var(--md-sys-motion-t-fx-small);flex:none;justify-self:start;margin:0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.m3-btn:after{content:"";inset:min(0px,-.5 * (var(--md-sys-size-touch) - var(--_h))) 0;position:absolute}.m3-btn[data-block]{justify-self:stretch;width:100%;display:flex}.m3-btn[data-shape=square]{--_r-rest:var(--_r-sq);--_r-sel:var(--_r-round)}.m3-btn[data-size=xs]{--_h:var(--md-sys-size-btn-xs);--_px:12px;--_gap:4px;--_icon:20px;--_r-sq:12px;--_r-press:8px}.m3-btn[data-size=m]{--_h:var(--md-sys-size-btn-m);--_px:24px;--_gap:8px;--_icon:24px;--_r-sq:16px;--_r-press:12px;--_fs:16px;--_lh:24px;--_ls:.15px}.m3-btn[data-size=l]{--_h:var(--md-sys-size-btn-l);--_px:48px;--_gap:12px;--_icon:32px;--_r-sq:28px;--_r-press:16px;--_ow:2px;--_fs:24px;--_lh:32px;--_ls:0px}.m3-btn[data-size=xl]{--_h:var(--md-sys-size-btn-xl);--_px:64px;--_gap:16px;--_icon:40px;--_r-sq:28px;--_r-press:16px;--_ow:3px;--_fs:32px;--_lh:40px;--_ls:0px}.m3-btn[data-variant=filled]{--_container:var(--md-sys-color-primary);--_label:var(--md-sys-color-on-primary)}.m3-btn[data-variant=tonal]{--_container:var(--md-sys-color-secondary-container);--_label:var(--md-sys-color-on-secondary-container)}.m3-btn[data-variant=elevated]{--_container:var(--md-sys-color-surface-container-low);--_label:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1)}@media (hover:hover){.m3-btn[data-variant=elevated]:hover{box-shadow:var(--md-sys-elevation-2)}}.m3-btn[data-variant=outlined]{--_label:var(--md-sys-color-on-surface-variant);--_outline:var(--md-sys-color-outline-variant)}.m3-btn[data-variant=text]{--_label:var(--md-sys-color-primary);--_px:12px;min-width:0}.m3-btn[data-variant=text][data-size=m]{--_px:16px}.m3-btn[data-toggle][data-variant=filled]{--_container:var(--md-sys-color-surface-container);--_label:var(--md-sys-color-on-surface-variant)}.m3-btn[data-selected][data-variant=elevated],.m3-btn[data-selected][data-variant=filled]{--_container:var(--md-sys-color-primary);--_label:var(--md-sys-color-on-primary)}.m3-btn[data-selected][data-variant=tonal]{--_container:var(--md-sys-color-secondary);--_label:var(--md-sys-color-on-secondary)}.m3-btn[data-selected][data-variant=outlined]{--_container:var(--md-sys-color-inverse-surface);--_label:var(--md-sys-color-inverse-on-surface);--_outline:transparent}.m3-btn[data-selected]{border-radius:var(--_r-sel)}.m3-btn:active:not(:disabled):not([aria-busy]){border-radius:var(--_r-press);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),var(--md-sys-motion-fx-small)}.m3-btn.m3-btn:disabled{cursor:not-allowed;box-shadow:none;--_container:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);--_label:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_outline:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.m3-btn.m3-btn:is([data-variant=text],[data-variant=outlined]):disabled{--_container:transparent}.m3-btn[aria-busy]{cursor:progress}.m3-btn__label{text-overflow:ellipsis;min-width:0;display:inline-block;overflow:hidden}.m3-btn .m3-spinner{--m3-icon-size:var(--_icon)}}@layer m3-density{:root[data-density=compact] .m3-btn{--_px:14px;--_gap:6px;--_icon:18px;--_r-sq:10px;--_r-press:8px;--_fs:13px;--_lh:18px}:root[data-density=compact] .m3-btn[data-size=xs]{--_px:10px;--_gap:4px;--_icon:16px;--_r-sq:8px;--_r-press:6px;--_fs:12px;--_lh:16px}:root[data-density=compact] .m3-btn[data-size=m]{--_px:18px;--_gap:8px;--_icon:20px;--_r-sq:12px;--_r-press:10px;--_fs:14px;--_lh:20px;--_ls:.1px}:root[data-density=compact] .m3-btn[data-size=l]{--_px:28px;--_gap:10px;--_icon:24px;--_r-sq:20px;--_r-press:12px;--_fs:18px;--_lh:24px}:root[data-density=compact] .m3-btn[data-size=xl]{--_px:40px;--_gap:12px;--_icon:28px;--_r-sq:24px;--_r-press:14px;--_ow:2px;--_fs:22px;--_lh:28px}:root[data-density=compact] .m3-btn[data-variant=text]{--_px:10px}}