.md-icon-button{cursor:pointer;white-space:nowrap;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), border-radius var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-spring-default-spatial), box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);border:none;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.md-icon-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.md-icon-button:disabled{pointer-events:none;opacity:var(--md-sys-state-disabled-opacity)}.md-icon-button svg{pointer-events:none;flex-shrink:0}.md-icon-button[data-size=xs]{--_height:40px;height:var(--_height)}.md-icon-button[data-size=xs] svg{width:20px;height:20px}.md-icon-button[data-size=sm]{--_height:48px;height:var(--_height)}.md-icon-button[data-size=sm] svg{width:24px;height:24px}.md-icon-button[data-size=md]{--_height:56px;height:var(--_height)}.md-icon-button[data-size=md] svg{width:24px;height:24px}.md-icon-button[data-size=lg]{--_height:96px;height:var(--_height)}.md-icon-button[data-size=lg] svg{width:36px;height:36px}.md-icon-button[data-size=xl]{--_height:136px;height:var(--_height)}.md-icon-button[data-size=xl] svg{width:48px;height:48px}.md-icon-button[data-width=narrow][data-size=xs]{width:36px}.md-icon-button[data-width=narrow][data-size=sm]{width:40px}.md-icon-button[data-width=narrow][data-size=md]{width:48px}.md-icon-button[data-width=narrow][data-size=lg]{width:64px}.md-icon-button[data-width=narrow][data-size=xl]{width:104px}.md-icon-button[data-width=default][data-size=xs]{width:40px}.md-icon-button[data-width=default][data-size=sm]{width:48px}.md-icon-button[data-width=default][data-size=md]{width:56px}.md-icon-button[data-width=default][data-size=lg]{width:96px}.md-icon-button[data-width=default][data-size=xl]{width:136px}.md-icon-button[data-width=wide][data-size=xs]{width:48px}.md-icon-button[data-width=wide][data-size=sm]{width:56px}.md-icon-button[data-width=wide][data-size=md]{width:72px}.md-icon-button[data-width=wide][data-size=lg]{width:128px}.md-icon-button[data-width=wide][data-size=xl]{width:184px}.md-icon-button[data-shape=round][data-size=xs],.md-icon-button[data-shape=round][data-size=sm],.md-icon-button[data-shape=round][data-size=md],.md-icon-button[data-shape=round][data-size=lg],.md-icon-button[data-shape=round][data-size=xl]{border-radius:calc(var(--_height) / 2)}.md-icon-button[data-shape=square][data-size=xs],.md-icon-button[data-shape=square][data-size=sm]{border-radius:var(--md-sys-shape-corner-medium)}.md-icon-button[data-shape=square][data-size=md]{border-radius:var(--md-sys-shape-corner-large)}.md-icon-button[data-shape=square][data-size=lg],.md-icon-button[data-shape=square][data-size=xl]{border-radius:var(--md-sys-shape-corner-extra-large)}.md-icon-button[data-morph][data-shape=round][data-size=xs]:active,.md-icon-button[data-morph][data-shape=round][data-size=sm]:active{border-radius:var(--md-sys-shape-corner-small)}.md-icon-button[data-morph][data-shape=round][data-size=md]:active{border-radius:var(--md-sys-shape-corner-medium)}.md-icon-button[data-morph][data-shape=round][data-size=lg]:active,.md-icon-button[data-morph][data-shape=round][data-size=xl]:active{border-radius:var(--md-sys-shape-corner-large)}.md-icon-button[data-morph][data-shape=square][data-size=xs]:active,.md-icon-button[data-morph][data-shape=square][data-size=sm]:active{border-radius:var(--md-sys-shape-corner-small)}.md-icon-button[data-morph][data-shape=square][data-size=md]:active{border-radius:var(--md-sys-shape-corner-medium)}.md-icon-button[data-morph][data-shape=square][data-size=lg]:active,.md-icon-button[data-morph][data-shape=square][data-size=xl]:active{border-radius:var(--md-sys-shape-corner-large)}.md-icon-button[data-variant=standard]{color:var(--md-sys-color-on-surface-variant);background-color:#0000}.md-icon-button[data-variant=standard]:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant) var(--md-sys-state-hover-opacity), transparent)}.md-icon-button[data-variant=standard]:active{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant) var(--md-sys-state-pressed-opacity), transparent)}.md-icon-button[data-variant=filled]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-icon-button[data-variant=filled]:hover{box-shadow:var(--md-sys-elevation-1)}.md-icon-button[data-variant=elevated]{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1)}.md-icon-button[data-variant=tonal]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-icon-button[data-variant=tonal]:hover{box-shadow:var(--md-sys-elevation-1)}.md-icon-button[data-variant=outlined]{color:var(--md-sys-color-primary);background-color:#0000}.md-icon-button[data-variant=outlined][data-size=xs],.md-icon-button[data-variant=outlined][data-size=sm],.md-icon-button[data-variant=outlined][data-size=md]{border:1px solid var(--md-sys-color-outline-variant)}.md-icon-button[data-variant=outlined][data-size=lg],.md-icon-button[data-variant=outlined][data-size=xl]{border:2px solid var(--md-sys-color-outline-variant)}.md-icon-button[data-selected=false][data-variant=filled]{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.md-icon-button[data-selected=true][data-variant=standard]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-icon-button[data-selected=true][data-variant=standard]:hover{background-color:color-mix(in srgb, var(--md-sys-color-primary) 90%, transparent)}.md-icon-button[data-selected=true][data-variant=standard]:active{background-color:color-mix(in srgb, var(--md-sys-color-primary) 80%, transparent)}.md-icon-button[data-selected=true][data-variant=elevated]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.md-icon-button[data-selected=true][data-variant=tonal]{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.md-icon-button[data-selected=true][data-variant=outlined]{background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface)}.md-icon-button[data-selected=true][data-shape=round][data-size=xs],.md-icon-button[data-selected=true][data-shape=round][data-size=sm]{border-radius:var(--md-sys-shape-corner-medium)}.md-icon-button[data-selected=true][data-shape=round][data-size=md]{border-radius:var(--md-sys-shape-corner-large)}.md-icon-button[data-selected=true][data-shape=round][data-size=lg],.md-icon-button[data-selected=true][data-shape=round][data-size=xl]{border-radius:var(--md-sys-shape-corner-extra-large)}.md-icon-button[data-selected=true][data-shape=square][data-size=xs],.md-icon-button[data-selected=true][data-shape=square][data-size=sm],.md-icon-button[data-selected=true][data-shape=square][data-size=md],.md-icon-button[data-selected=true][data-shape=square][data-size=lg],.md-icon-button[data-selected=true][data-shape=square][data-size=xl]{border-radius:calc(var(--_height) / 2)}
