.icon-button-tooltip{line-height:0}.icon-button{border-radius:var(--radius-size-8);color:var(--icon-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button.small{width:32px;height:32px}.icon-button.medium{width:40px;height:40px}.icon-button:focus-visible{outline:2px solid var(--icon-brand-light);outline-offset:2px}.icon-button.ghost:hover:not(:disabled){background-color:var(--hover-primary);color:var(--icon-primary)}.icon-button.ghost[aria-pressed=true]{background-color:var(--surface-brand-light);color:var(--icon-brand-light)}.icon-button.danger:hover:not(:disabled){background-color:var(--surface-error-light);color:var(--icon-error-light)}.icon-button.brand-fill{background-color:var(--surface-brand-action);color:var(--icon-on-action)}.icon-button.brand-fill:hover:not(:disabled){background-color:var(--surface-brand-hover)}.icon-button:disabled{color:var(--icon-disabled-light);cursor:not-allowed}.icon-button.brand-fill:disabled{background-color:var(--surface-disabled-action)}