.io-icon{flex:none;display:inline-block;vertical-align:middle}@media (forced-colors:active){.io-icon{color:CanvasText}}.io-icon-button{--icon-button-square:32px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;inline-size:var(--icon-button-square);block-size:var(--icon-button-square);min-block-size:32px;min-inline-size:32px;padding:0;box-sizing:border-box;border:var(--io-border-width-thin) solid transparent;border-radius:var(--io-border-radius-base);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;isolation:isolate;transition:background-color var(--io-motion-duration-instant) ease}.io-icon-button__icon{position:relative;z-index:1;display:block}.io-icon-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--io-text-primary);opacity:0;pointer-events:none;z-index:0;transition:opacity var(--io-motion-duration-instant) ease}.io-icon-button[data-tone=primary]{background-color:var(--io-surface-primary);color:var(--io-text-primary);border-color:var(--io-border-default)}.io-icon-button[data-tone=primary]:hover:not([disabled]){border-color:var(--io-border-strong)}.io-icon-button[data-tone=secondary]{background-color:transparent;color:var(--io-text-primary)}.io-icon-button:hover:not([disabled]):after{opacity:var(--io-state-layer-standard-alpha,var(--io-state-layer-standard))}.io-icon-button:active:not([disabled]):after{opacity:var(--io-state-layer-strong-alpha,var(--io-state-layer-strong))}.io-icon-button:focus-visible{outline:var(--io-border-width-thin) solid var(--io-text-secondary);outline-offset:2px}.io-icon-button[data-size=sm]{--icon-button-square:28px}.io-icon-button[data-size=md]{--icon-button-square:32px}.io-icon-button[data-size=lg]{--icon-button-square:40px}@media (pointer:coarse){.io-icon-button{min-block-size:44px;min-inline-size:44px}}.io-icon-button[disabled]{opacity:var(--io-alpha-disabled);cursor:not-allowed;border-style:dashed;border-color:var(--io-border-strong)}@media (prefers-reduced-motion:reduce){.io-icon-button,.io-icon-button:after{transition:none}}