@layer components{.md3-icon-button-root{--_icon-size:24px;--_leading-space:8px;--_trailing-space:8px;--_narrow-space:4px;--_wide-space:14px;width:calc(var(--_icon-size) + var(--_leading-space) + var(--_trailing-space));transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), border-radius var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-fast-spatial);padding:0}.md3-icon-button-root[data-size=xsmall]{--_icon-size:20px;--_leading-space:6px;--_trailing-space:6px;--_narrow-space:4px;--_wide-space:10px}.md3-icon-button-root[data-size=medium]{--_leading-space:16px;--_trailing-space:16px;--_narrow-space:12px;--_wide-space:24px}.md3-icon-button-root[data-size=large]{--_icon-size:32px;--_leading-space:32px;--_trailing-space:32px;--_narrow-space:16px;--_wide-space:48px}.md3-icon-button-root[data-size=xlarge]{--_icon-size:40px;--_leading-space:48px;--_trailing-space:48px;--_narrow-space:32px;--_wide-space:72px}.md3-icon-button-root[data-width=narrow]{--_leading-space:var(--_narrow-space);--_trailing-space:var(--_narrow-space)}.md3-icon-button-root[data-width=wide]{--_leading-space:var(--_wide-space);--_trailing-space:var(--_wide-space)}.md3-icon-button-root:is([data-variant=filled],[data-variant=tonal]):hover:not(:disabled){box-shadow:none}.md3-icon-button-root[data-variant=standard]{background:0 0}.md3-icon-button-root[data-variant=standard]:not(:disabled,[data-disabled]){color:var(--md-sys-color-on-surface-variant)}.md3-icon-button-root[data-variant=standard][data-pressed]:not(:disabled,[data-disabled]){color:var(--md-sys-color-primary)}}