@layer m3-components{.m3-ibtn{--_h:var(--md-sys-size-btn-s);--_icon:24px;--_k:1;--_r-sq:12px;--_r-press:8px;--_ow:1px;--_container:transparent;--_icon-c:var(--md-sys-color-on-surface-variant);--_outline:transparent;--_r-rest:calc(var(--_h) / 2);--_r-sel:var(--_r-sq);width:calc(var(--_h) * var(--_k));height:var(--_h);border:var(--_ow) solid var(--_outline);border-radius:var(--_r-rest);background:var(--_container);color:var(--_icon-c);--m3-sl:var(--_icon-c);--m3-icon-size:var(--_icon);-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);flex:none;justify-self:start;place-items:center;margin:0;padding:0;text-decoration:none;display:inline-grid;position:relative}.m3-ibtn:after{content:"";inset:min(0px,-.5 * (var(--md-sys-size-touch) - var(--_h)));position:absolute}.m3-ibtn[data-width=narrow]{--_k:.8}.m3-ibtn[data-width=wide]{--_k:1.3}.m3-ibtn[data-size=xs]{--_h:var(--md-sys-size-btn-xs);--_icon:20px}.m3-ibtn[data-size=m]{--_h:var(--md-sys-size-btn-m);--_icon:24px;--_r-sq:16px;--_r-press:12px}.m3-ibtn[data-size=l]{--_h:var(--md-sys-size-btn-l);--_icon:32px;--_r-sq:28px;--_r-press:16px;--_ow:2px}.m3-ibtn[data-size=xl]{--_h:var(--md-sys-size-btn-xl);--_icon:40px;--_r-sq:28px;--_r-press:16px;--_ow:3px}.m3-ibtn[data-shape=square]{--_r-rest:var(--_r-sq);--_r-sel:calc(var(--_h) / 2)}.m3-ibtn[data-variant=filled]{--_container:var(--md-sys-color-primary);--_icon-c:var(--md-sys-color-on-primary)}.m3-ibtn[data-variant=tonal]{--_container:var(--md-sys-color-secondary-container);--_icon-c:var(--md-sys-color-on-secondary-container)}.m3-ibtn[data-variant=outlined]{--_outline:var(--md-sys-color-outline-variant)}.m3-ibtn[data-toggle][data-variant=standard][data-selected]{--_icon-c:var(--md-sys-color-primary)}.m3-ibtn[data-toggle][data-variant=filled]{--_container:var(--md-sys-color-surface-container);--_icon-c:var(--md-sys-color-on-surface-variant)}.m3-ibtn[data-toggle][data-variant=filled][data-selected]{--_container:var(--md-sys-color-primary);--_icon-c:var(--md-sys-color-on-primary)}.m3-ibtn[data-toggle][data-variant=tonal][data-selected]{--_container:var(--md-sys-color-secondary);--_icon-c:var(--md-sys-color-on-secondary)}.m3-ibtn[data-toggle][data-variant=outlined][data-selected]{--_container:var(--md-sys-color-inverse-surface);--_icon-c:var(--md-sys-color-inverse-on-surface);--_outline:transparent}.m3-ibtn[data-selected]{border-radius:var(--_r-sel)}.m3-ibtn:active:not(:disabled){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)}.m3-ibtn.m3-ibtn:disabled{cursor:not-allowed;--_icon-c:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_container:transparent}.m3-ibtn.m3-ibtn[data-variant=outlined]:disabled{--_outline:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.m3-ibtn.m3-ibtn:is([data-variant=filled],[data-variant=tonal]):disabled{--_container:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}}@layer m3-density{:root[data-density=compact] .m3-ibtn{--_icon:20px;--_r-sq:10px;--_r-press:8px}:root[data-density=compact] .m3-ibtn[data-size=xs]{--_icon:16px;--_r-sq:8px;--_r-press:6px}:root[data-density=compact] .m3-ibtn[data-size=m]{--_icon:22px;--_r-sq:12px;--_r-press:10px}:root[data-density=compact] .m3-ibtn[data-size=l]{--_icon:28px;--_r-sq:20px;--_r-press:12px}:root[data-density=compact] .m3-ibtn[data-size=xl]{--_icon:32px;--_r-sq:24px;--_r-press:14px;--_ow:2px}}